dylan/gander
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Update: ForgotPassword button in AuthModal

Browse Source
This commit is contained in:
EvanLin3141
2025-02-09 15:53:07 +00:00
parent 127ebfe7fa
commit 29572f56d1
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/Auth/AuthModal.tsx
View File

@@ -1,8 +1,9 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { ToggleButton } from "../Layout/Button"; import { ToggleButton } from "../Layout/Button";
import { LogIn as LogInIcon, User as UserIcon } from "lucide-react"; import { LogIn as LogInIcon, User as UserIcon, CircleHelp as ForgotIcon} from "lucide-react";
import LoginForm from "./LoginForm"; import LoginForm from "./LoginForm";
import RegisterForm from "./RegisterForm"; import RegisterForm from "./RegisterForm";
import ForgotPasswordForm from "./ForgotPasswordForm";
import "../../assets/styles/auth.css"; import "../../assets/styles/auth.css";
interface AuthModalProps { interface AuthModalProps {
@@ -55,6 +56,14 @@ const AuthModal: React.FC<AuthModalProps> = ({ onClose }) => {
<UserIcon className="h-[40px] w-[40px] mr-1" /> <UserIcon className="h-[40px] w-[40px] mr-1" />
Register Register
</ToggleButton> </ToggleButton>
<ToggleButton
toggled={selectedTab==="Forgot"}
extraClasses="flex flex-col items-center px-8 duration-250 transition-transform hover:translate-y-[-50px] z-[9001]"
onClick={() => setSelectedTab("Forgot")}>
<ForgotIcon />
Forgot Password
</ToggleButton>
</div> </div>
<div <div
className="container fixed inset-0 flex flex-col items-center justify-around z-[9999] className="container fixed inset-0 flex flex-col items-center justify-around z-[9999]