From b32489e304cc34ce965ae4f5027a7ba374cea173 Mon Sep 17 00:00:00 2001
From: Nick Tchayka <nick@booster.cloud>
Date: Wed, 13 Sep 2023 12:23:34 +0100
Subject: Move disclaimer outside

---
 src/components/Disclaimer.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/Disclaimer.tsx

(limited to 'src/components')

diff --git a/src/components/Disclaimer.tsx b/src/components/Disclaimer.tsx
new file mode 100644
index 0000000..488f3c2
--- /dev/null
+++ b/src/components/Disclaimer.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import Modal from "./Modal";
+
+export default function Disclaimer() {
+  const [disclaimerOpen, setDisclaimerOpen] = React.useState(true);
+  return (
+    <div className="absolute left-1/2 top-1/2">
+      <Modal
+        open={disclaimerOpen}
+        okText="Continue on my own"
+        onOk={() => setDisclaimerOpen(!disclaimerOpen)}
+        title="Greetings traveller!"
+      >
+        <p>
+          You probably found this site by accident. It is far from finished, but
+          if you're curious about the project:
+        </p>
+        <a
+          className="text-lightsecondary hover:underline hover:decoration-wavy underline-offset-4 py-4 block"
+          href="https://discord.com/invite/wDj3UYzec8"
+          target="_blank"
+          onClick={() => setDisclaimerOpen(!disclaimerOpen)}
+        >
+          <h3>JOIN THE DISCORD SERVER!</h3>
+        </a>
+      </Modal>
+    </div>
+  );
+}
-- 
cgit