Fork of the excellent esp8266-react - https://github.com/rjwats/esp8266-react
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
834 B
32 lines
834 B
import React from 'react';
|
|
import CircularProgress from '@material-ui/core/CircularProgress';
|
|
import { Typography, Theme } from '@material-ui/core';
|
|
import { makeStyles, createStyles } from '@material-ui/styles';
|
|
|
|
const useStyles = makeStyles((theme: Theme) => createStyles({
|
|
fullScreenLoading: {
|
|
padding: theme.spacing(2),
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
height: "100vh",
|
|
flexDirection: "column"
|
|
},
|
|
progress: {
|
|
margin: theme.spacing(4),
|
|
}
|
|
}));
|
|
|
|
const FullScreenLoading = () => {
|
|
const classes = useStyles();
|
|
return (
|
|
<div className={classes.fullScreenLoading}>
|
|
<CircularProgress className={classes.progress} size={100} />
|
|
<Typography variant="h4">
|
|
Loading…
|
|
</Typography>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FullScreenLoading;
|