Move disclaimer outside

1 files changed, 29 insertions, 0 deletions

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>
+  );
+}