From 2b60da7d95a912188d3f59dcd0313e006ee5cb7f Mon Sep 17 00:00:00 2001
From: Erik Vroon <erik.vroon@channable.com>
Date: Fri, 3 May 2024 20:10:53 +0200
Subject: [PATCH] Welcome modal

---
 .../src/components/modals/welcome_modal.tsx   | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 frontend/src/components/modals/welcome_modal.tsx

diff --git a/frontend/src/components/modals/welcome_modal.tsx b/frontend/src/components/modals/welcome_modal.tsx
new file mode 100644
index 00000000..84b394fc
--- /dev/null
+++ b/frontend/src/components/modals/welcome_modal.tsx
@@ -0,0 +1,22 @@
+import {Button, Modal, TextInput} from '@mantine/core';
+import {useTranslation} from 'next-i18next';
+import {useState} from 'react';
+
+export default function WelcomeModal() {
+  const { t } = useTranslation();
+  const [opened, setOpened] = useState(false);
+
+  return (
+    <Modal opened={opened} onClose={() => setOpened(false)} title={t('welcome_title')}>
+      <TextInput
+        withAsterisk
+        label={t('name_input_label')}
+        placeholder={t('club_name_input_placeholder')}
+      />
+
+      <Button fullWidth style={{ marginTop: 10 }} color="green" type="submit">
+        {t('save_button')}
+      </Button>
+    </Modal>
+  );
+}