Add Restaurant almost done

src/components/Output/InfoDialog.js

@@ -0,0 +1,57 @@
+import React from "react";
+import CloseIcon from "@material-ui/icons/Close";
+import { makeStyles } from "@material-ui/core/styles";
+import DialogTitle from "@material-ui/core/DialogTitle";
+import DialogContent from "@material-ui/core/DialogContent";
+import Dialog from "@material-ui/core/Dialog";
+import Divider from "@material-ui/core/Divider";
+import ButtonSecondary from "../Input/ButtonSecondary";
+import IconButton from "@material-ui/core/IconButton";
+import CircularProgress from "@material-ui/core/CircularProgress";
+import { useHistory } from "react-router-dom";
+
+export default function InfoDialog(props) {
+  const history = useHistory();
+  const loading = props.loading;
+  const loginStyles = makeStyles((theme) => ({
+    root: {
+      textAlign: "center",
+      "& .MuiPaper-root": {
+        backgroundColor: "#262626",
+        color: "#bbbbbb",
+      },
+    },
+    closeButton: {
+      color: "#bbbbbb",
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+    },
+  }));
+
+  const styles = loginStyles();
+
+  return (
+    <Dialog
+      className={styles.root}
+      onClose={() => history.push("/")}
+      open={true}
+      aria-labelledby="title"
+    >
+      <DialogTitle id="title">{props.title}</DialogTitle>
+      <IconButton
+        className={styles.closeButton}
+        onClick={() => history.push("/")}
+        aria-label="close"
+      >
+        <CloseIcon />
+      </IconButton>
+      <Divider />
+      <DialogContent>
+        <p>{props.text}</p>
+        {loading && <CircularProgress />}
+        <ButtonSecondary onClick={history.push("/")} text="Ok" />
+      </DialogContent>
+    </Dialog>
+  );
+}