app/src/pages/Loading.js (view raw)
1import React from 'react';
2import CircularProgress from '@material-ui/core/CircularProgress';
3import Container from '@material-ui/core/Container';
4import {makeStyles} from '@material-ui/core/styles';
5
6const Loading = () => {
7 const classes = useStyles();
8 return (
9 <Container className={classes.container}>
10 <CircularProgress />
11 </Container>
12 );
13};
14
15const useStyles = makeStyles(theme => ({
16 container: {
17 display: 'flex',
18 alignItems: 'center',
19 justifyContent: 'center',
20 height: '100vh',
21 },
22}));
23
24export default Loading;