diff --git a/frontend/src/Pages/Authentication.tsx b/frontend/src/Pages/Authentication.tsx index eb117cf..5d617b9 100644 --- a/frontend/src/Pages/Authentication.tsx +++ b/frontend/src/Pages/Authentication.tsx @@ -2,11 +2,11 @@ import React, { useState } from 'react'; import { Button } from '@/components/ui/button'; import { LoginForm, SignUpForm, OTPVerificationForm, ForgotPasswordForm, ResetPasswordForm } from './Authentication/forms.tsx'; import { Link, useLocation } from 'react-router-dom'; -import DebateCover from '../assets/DebateCover4.svg'; +import DebateCoverIllustration from '../components/DebateCoverIllustration'; import { ThemeToggle } from '@/components/ThemeToggle'; const LeftSection = () => ( -
+
@@ -15,8 +15,12 @@ const LeftSection = () => ( Arguehub
-
- Debate Cover +
+
@@ -73,30 +77,30 @@ const RightSection: React.FC = ({
- {authMode === 'login' && ( - <> -

Sign in to your account

- - - )} - {authMode === 'signup' && ( - <> -

Create an account

- - - )} - {authMode === 'otpVerification' && ( - - )} - {authMode === 'forgotPassword' && ( - - )} - {authMode === 'resetPassword' && ( - - )} + {authMode === 'login' && ( + <> +

Sign in to your account

+ + + )} + {authMode === 'signup' && ( + <> +

Create an account

+ + + )} + {authMode === 'otpVerification' && ( + + )} + {authMode === 'forgotPassword' && ( + + )} + {authMode === 'resetPassword' && ( + + )}
diff --git a/frontend/src/Pages/Home.tsx b/frontend/src/Pages/Home.tsx index 7a9e127..ef7914a 100644 --- a/frontend/src/Pages/Home.tsx +++ b/frontend/src/Pages/Home.tsx @@ -2,7 +2,7 @@ import React, { useContext } from "react"; import { Button } from "@/components/ui/button"; import { useNavigate } from "react-router-dom"; import { AuthContext } from "@/context/authContext"; -import DebateCover from "../assets/DebateCover4.svg"; +import DebateCoverIllustration from "../components/DebateCoverIllustration"; import { RiRobot2Fill } from "react-icons/ri"; import { FaHandshakeSimpleSlash } from "react-icons/fa6"; import AOSSIELogo from "@/assets/aossie.png"; @@ -21,7 +21,7 @@ const Home: React.FC = () => { const handlePlayDebateClick = () => { if (authContext?.isAuthenticated) { - navigate('/game'); + navigate('/game'); } else { navigate('/auth', { state: { isSignUp: false } }); } @@ -35,7 +35,7 @@ const Home: React.FC = () => { } }; - const logoutHandler = () =>{ + const logoutHandler = () => { authContext?.logout() navigate("/") } @@ -44,9 +44,9 @@ const Home: React.FC = () => {