keannu125/EquipmentTracker-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/EquipmentTracker-Frontend.git synced 2025-05-17 11:58:15 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added initial login modal

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-11-13 23:55:36 +08:00
parent 0cccaf25f1
commit 299f0a9600
10 changed files with 939 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/Pages/LandingPage/LandingPage.tsx
View file

@ -1,8 +1,13 @@
import Button from "../../Components/Buttons/Button";
import styles from "../../Components/styles";
import styles from "../../styles";
import citc_logo from "../../assets/citc_logo.jpg";
import { toast } from "react-toastify";
import Popup from "reactjs-popup";
import "reactjs-popup/dist/index.css";
import { useState } from "react";
import LoginModal from "../../Components/LoginModal/LoginModal";
export default function LandingPage() {
const [open, setOpen] = useState(false);
return (
<div style={styles.background}>
<div
@ -50,7 +55,7 @@ export default function LandingPage() {
type={"light"}
label={"Login"}
onClick={() => {
toast("Successfully logged in!");
setOpen(!open);
}}
/>
<Button
@ -60,6 +65,25 @@ export default function LandingPage() {
toast("Redirecting!");
}}
/>
<Popup
open={open}
onClose={() => setOpen(!open)}
modal
position={"top center"}
contentStyle={{
width: "30vw",
borderRadius: 16,
borderColor: "grey",
borderStyle: "solid",
borderWidth: 1,
padding: 16,
alignContent: "center",
justifyContent: "center",
textAlign: "center",
}}
>
<LoginModal />
</Popup>
</div>
</div>
</div>