web client v0.5

//notifications
//delete restaurant
//change picture
//redesigned data store

src/components/Output/AppBackdrop.js

@@ -0,0 +1,22 @@
+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 + 1,
+    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>
+  );
+}