LicenseAPI/Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implemented the RegisterTab in the Login.jsx

Browse Source
This commit is contained in:
Mathias Wagner 2023-09-09 17:59:54 +02:00
parent 4513ceb200
commit 6cd70b8145
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/states/Login/Login.jsx
View File

@ -2,21 +2,24 @@ import {Stack, Tab, Tabs} from "@mui/material";
import Logo from "@/states/Login/components/Logo"; import Logo from "@/states/Login/components/Logo";
import {useState} from "react"; import {useState} from "react";
import LoginTab from "@/states/Login/tabs/LoginTab"; import LoginTab from "@/states/Login/tabs/LoginTab";
import RegisterTab from "@/states/Login/tabs/RegisterTab";
export const Login = () => { export const Login = () => {
const [currentPage, setCurrentPage] = useState(0); const [currentPage, setCurrentPage] = useState(0);
const [showTabs, setShowTabs] = useState(true);
return ( return (
<Stack justifyContent="center" alignItems="center" sx={{height: {xs: "100%",sm: "100vh"}}} gap={2}> <Stack justifyContent="center" alignItems="center" sx={{height: {xs: "100%",sm: "100vh"}}} gap={2}>
<Logo/> <Logo/>
<Tabs value={currentPage} onChange={(e, v) => setCurrentPage(v)}> {showTabs && <Tabs value={currentPage} onChange={(e, v) => setCurrentPage(v)}>
<Tab label="Anmelden"/> <Tab label="Anmelden"/>
<Tab label="Registrieren"/> <Tab label="Registrieren"/>
</Tabs> </Tabs>}
{currentPage === 0 && <LoginTab />} {currentPage === 0 && <LoginTab />}
{currentPage === 1 && <div>Register</div>} {currentPage === 1 && <RegisterTab setShowTabs={setShowTabs} />}
</Stack> </Stack>
) )
} }