web client v0.9 (restaurant view)

src/components/Dialogs/EditRestaurant.js

@@ -14,6 +14,7 @@ import RestaurantMenuIcon from "@material-ui/icons/RestaurantMenu";
 import AddIcon from "@material-ui/icons/Add";
 import Badge from "@material-ui/core/Badge";
 import SearchIcon from "@material-ui/icons/Search";
+import { formatDateBasic } from "../../Services.js";
 //--------------
 import EditRestaurantInfo from "../EditRestaurant/EditRestaurantInfo";
 import EditRestaurantLocation from "../EditRestaurant/EditRestaurantLocation";
@@ -66,7 +67,9 @@ export default function EditRestaurant(props) {
       badgeData.secondaryText = "Nieaktywna";
     } else {
       badgeData.color = "primary";
-      badgeData.secondaryText = `Aktywna do: ${restaurant.subscriptionDue}`;
+      badgeData.secondaryText = `Aktywna do: ${formatDateBasic(
+        restaurant.subscriptionDue
+      )}`;
     }
   };
   dispatch(fetchAllDishes(restaurant._id));

src/components/Dialogs/PaymentDialog.js

@@ -0,0 +1,64 @@
+import React 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 ButtonPrimary from "../Input/ButtonPrimary";
+import IconButton from "@material-ui/core/IconButton";
+import CloseIcon from "@material-ui/icons/Close";
+
+export default function PasswordConfirmation(props) {
+  const loginStyles = makeStyles((theme) => ({
+    root: {
+      textAlign: "center",
+      "& .MuiPaper-root": {
+        backgroundColor: "#262626",
+        color: "#bbbbbb",
+      },
+      minWidth: "250px",
+    },
+    closeButton: {
+      color: "#bbbbbb",
+      position: "absolute",
+      right: theme.spacing(1),
+      top: theme.spacing(1),
+    },
+  }));
+
+  const loginClass = loginStyles();
+
+  return (
+    <Dialog
+      className={loginClass.root}
+      onClose={props.cancel}
+      open={props.open}
+      aria-labelledby="login-title"
+    >
+      <DialogTitle id="login-title">Aktywacja subskrypcji</DialogTitle>
+      <IconButton
+        className={loginClass.closeButton}
+        onClick={props.cancel}
+        aria-label="close"
+      >
+        <CloseIcon />
+      </IconButton>
+      <Divider />
+      <DialogContent>
+        <p>
+          Płatność została rozpoczęta. Jeżeli chcesz ją zrealizować teraz,
+          kliknij przycisk "Zapłać" (zostaniesz przekierowany do portalu
+          Przelewy24). Jeżeli nie masz teraz ochoty zapłacić, na swoim adresie
+          email znajdziesz ten sam link do płatności oraz fakturę pro-forma.
+          (Link do płatności jest ważny 7 dni - po upływie tego czasu transakcja
+          jest automatycznie anulowana)
+        </p>
+        <div className="yesno-dialog-buttons">
+          <ButtonPrimary onClick={props.cancel} text="Zamknij" />
+          <ButtonSecondary onClick={props.accept} text="Zapłać" />
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}