23 lines
633 B
JavaScript
23 lines
633 B
JavaScript
import React from "react";
|
|
import Backdrop from "@material-ui/core/Backdrop";
|
|
import CircularProgress from "@material-ui/core/CircularProgress";
|
|
import { useSelector } from "react-redux";
|
|
import { makeStyles } from "@material-ui/core/styles";
|
|
|
|
const useStyles = makeStyles((theme) => ({
|
|
backdrop: {
|
|
zIndex: theme.zIndex.drawer + 15,
|
|
color: "#fff",
|
|
},
|
|
}));
|
|
|
|
export default function AppBackdrop() {
|
|
const open = useSelector((state) => state.data.backdrop);
|
|
const classes = useStyles();
|
|
return (
|
|
<Backdrop className={classes.backdrop} open={open}>
|
|
<CircularProgress color="inherit" />
|
|
</Backdrop>
|
|
);
|
|
}
|