components.common.TimedLoader.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of gears-frontend Show documentation

GEARS Frontend

There is a newer version: 0.80.3

import * as React from 'react';

import Box from '@mui/material/Box';
import CircularProgress, { CircularProgressProps } from '@mui/material/CircularProgress';
import Typography from '@mui/material/Typography';

const TimedLoader = () => {
  const [progress, setProgress] = React.useState(10);

  React.useEffect(() => {
    const timer = setInterval(() => {
      setProgress((prevProgress) => (prevProgress >= 100 ? 0 : prevProgress + 10));
    }, 800);
    return () => {
      clearInterval(timer);
    };
  }, []);

  return ;
}

export const CircularProgressWithLabel = (
  props: CircularProgressProps & { value: number, label: string, circleSize: string },
) => {
  const { circleSize: ignore, ...style} = props
  return (
    
      
      
        {props.label}
      
    
  );
}

export default TimedLoader