initial commit

2022-04-25 15:15:17 +02:00
commit 61be87b72a
72 changed files with 11502 additions and 0 deletions
--- a/src/components/share/showVisitorLimitExceededModal.tsx
+++ b/src/components/share/showVisitorLimitExceededModal.tsx
@@ -0,0 +1,39 @@
+import { Button, Group, Text, Title } from "@mantine/core";
+import { useModals } from "@mantine/modals";
+import { ModalsContextProps } from "@mantine/modals/lib/context";
+import { useRouter } from "next/router";
+
+const showVisitorLimitExceededModal = (modals: ModalsContextProps) => {
+  return modals.openModal({
+    closeOnClickOutside: false,
+    withCloseButton: false,
+    closeOnEscape: false,
+    title: <Title order={4}>Visitor limit exceeded</Title>,
+
+    children: <Body />,
+  });
+};
+
+const Body = () => {
+  const modals = useModals();
+  const router = useRouter();
+  return (
+    <>
+      <Group grow direction="column">
+        <Text size="sm">
+          The visitor count limit from this share has been exceeded.
+        </Text>
+        <Button
+          onClick={() => {
+            modals.closeAll();
+            router.back();
+          }}
+        >
+          Go back
+        </Button>
+      </Group>
+    </>
+  );
+};
+
+export default showVisitorLimitExceededModal;