Analytics added / NewRestaurant.js added

src/components/Dialogs/NewRestaurant.js

@@ -0,0 +1,60 @@
+import React, { useState } from "react";
+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 TextField from "@material-ui/core/TextField";
+import CloseIcon from "@material-ui/icons/Close";
+import { useSelector, useDispatch } from "react-redux";
+import validator from "validator";
+import InputAdornment from "@material-ui/core/InputAdornment";
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    textAlign: "center",
+    "& .MuiPaper-root": {
+      backgroundColor: "#262626",
+      color: "#bbbbbb",
+    },
+  },
+  closeButton: {
+    color: "#bbbbbb",
+    position: "absolute",
+    right: theme.spacing(1),
+    top: theme.spacing(1),
+  },
+  textInput: {
+    marginTop: "20px",
+    marginBottom: "10px",
+    width: "90%",
+    "& .MuiInputBase-root": {
+      color: "#01c3a9",
+    },
+    "& .MuiInputLabel-root": {
+      color: "#bbbbbb",
+    },
+  },
+  link: {
+    fontSize: "0.9rem",
+  },
+}));
+
+export default function NewRestaurant() {
+  const styles = useStyles();
+  const dialogOpen = useSelector((state) => state.data.dialogs.newRestaurant);
+
+  return (
+    <div>
+      <Dialog
+        className={styles.root}
+        open={dialogOpen}
+        aria-labelledby="newRestaurant-title"
+      >
+        <DialogTitle id="newRestaurant-title">Nowy Lokal</DialogTitle>
+      </Dialog>
+    </div>
+  );
+}