From 63dd66af700bfd7d9a8a5cb1757023699b6d2ba7 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 20 Jul 2024 13:02:57 +0200
Subject: [PATCH] Create Login state

---
 dashboard/src/states/Login/Login.jsx | 25 +++++++++++++++++++++++++
 dashboard/src/states/Login/index.js  |  1 +
 2 files changed, 26 insertions(+)
 create mode 100644 dashboard/src/states/Login/Login.jsx
 create mode 100644 dashboard/src/states/Login/index.js

diff --git a/dashboard/src/states/Login/Login.jsx b/dashboard/src/states/Login/Login.jsx
new file mode 100644
index 0000000..1b8902c
--- /dev/null
+++ b/dashboard/src/states/Login/Login.jsx
@@ -0,0 +1,25 @@
+import {Stack, Tab, Tabs} from "@mui/material";
+import Logo from "@/states/Login/components/Logo";
+import {useState} from "react";
+import LoginTab from "@/states/Login/tabs/LoginTab";
+import RegisterTab from "@/states/Login/tabs/RegisterTab";
+
+export const Login = () => {
+    const [currentPage, setCurrentPage] = useState(0);
+
+    const [showTabs, setShowTabs] = useState(true);
+
+    return (
+        <Stack justifyContent="center" alignItems="center" sx={{height: {xs: "100%",sm: "100vh"}}} gap={2}>
+            <Logo/>
+
+            {showTabs && <Tabs value={currentPage} onChange={(e, v) => setCurrentPage(v)}>
+                <Tab label="Login"/>
+                <Tab label="Register"/>
+            </Tabs>}
+
+            {currentPage === 0 && <LoginTab />}
+            {currentPage === 1 && <RegisterTab setShowTabs={setShowTabs} />}
+        </Stack>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Login/index.js b/dashboard/src/states/Login/index.js
new file mode 100644
index 0000000..af11d89
--- /dev/null
+++ b/dashboard/src/states/Login/index.js
@@ -0,0 +1 @@
+export {Login as default} from "./Login.jsx";
\ No newline at end of file