FullPageLoader FullPageLoader.tsx

0% Statements 0/7

100% Branches 0/0

0% Functions 0/2

0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { CircularProgress } from "@material-ui/core";
import makeStyles from "utils/makeStyles";
 
const useStyles = makeStyles((theme) => ({
  loader: {
    //minimal-effort reduction of layout shifting
    minHeight: "100vh",
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    marginBlockStart: theme.spacing(6),
  },
}));
 
export default function FullPageLoader() {
  const classes = useStyles();
 
  return (
    <div className={classes.loader}>
      <CircularProgress />
    </div>
  );
}