-
-
PeerPrep
-
-
Master Tech
-
Interviews
-
Together
-
-
- Connect with peers, practice problems,
- and ace your next technical interview!
-
-
- Get Started
-
- Go to Login
-
-
-
GOOGLE / AWS / META / MICROSOFT
-
+
+ {/* Left side text */}
+
+
+
PeerPrep
+
+ Master Tech
+
+ Interviews Together
+
+
+ Connect with peers, practice problems, and ace your next technical
+ interview!
+
+
+
+ Get Started
+
+
+ Login
+
+
+
+ GOOGLE / AWS / META / MICROSOFT
+
+
- {/* Right side image */}
-
-
-
+ {/* Right side image */}
+
+
);
diff --git a/PeerPrep/src/frontend/pages/auth/Login.tsx b/PeerPrep/src/frontend/pages/auth/Login.tsx
index 15cecf27c..6bc43d82d 100644
--- a/PeerPrep/src/frontend/pages/auth/Login.tsx
+++ b/PeerPrep/src/frontend/pages/auth/Login.tsx
@@ -1,8 +1,8 @@
-import React, { useState, useEffect } from 'react';
-import { apiClient } from '../../components/api';
-import GitHubLogo from '../../assets/Images/github-logo.png';
-import GoogleLogo from '../../assets/Images/google-logo.png';
-import { Link } from 'react-router';
+import React, { useState, useEffect } from "react";
+import { apiClient } from "../../components/api";
+import GitHubLogo from "../../assets/Images/github-logo.png";
+import GoogleLogo from "../../assets/Images/google-logo.png";
+import { Link } from "react-router";
interface User {
id: string;
@@ -16,8 +16,8 @@ interface User {
}
export default function Login() {
- const [email, setEmail] = useState('');
- const [password, setPassword] = useState('');
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState
(null);
const [user, setUser] = useState(null);
@@ -32,7 +32,7 @@ export default function Login() {
setUser(userRes.data as User);
}
} catch (err) {
- console.log('User not authenticated');
+ console.log("User not authenticated");
} finally {
setCheckingAuth(false);
}
@@ -46,28 +46,29 @@ export default function Login() {
setLoading(true);
setError(null);
- console.log('Login attempt:', email);
+ console.log("Login attempt:", email);
try {
const loginRes = await apiClient.login(email, password);
if (loginRes.error) {
setError(loginRes.error);
- } else { // Login successful - FastAPI-Users typically returns 204 No Content
+ } else {
+ // Login successful - FastAPI-Users typically returns 204 No Content
// fetch the current user to confirm authentication
const userRes = await apiClient.getCurrentUser();
if (userRes.data && !userRes.error) {
setUser(userRes.data as User);
- setEmail(''); // Clear form
- setPassword('');
+ setEmail(""); // Clear form
+ setPassword("");
} else {
- setError('Login succeeded but failed to fetch user data');
+ setError("Login succeeded but failed to fetch user data");
}
}
} catch (err: any) {
- console.error('Login error:', err);
- setError(err.message || 'Unexpected error during login');
+ console.error("Login error:", err);
+ setError(err.message || "Unexpected error during login");
} finally {
setLoading(false);
}
@@ -77,12 +78,12 @@ export default function Login() {
try {
await apiClient.logout();
setUser(null);
- setEmail('');
- setPassword('');
+ setEmail("");
+ setPassword("");
setError(null);
} catch (err) {
- console.error('Logout error:', err);
- setError('Failed to logout');
+ console.error("Logout error:", err);
+ setError("Failed to logout");
}
};
@@ -95,10 +96,10 @@ export default function Login() {
);
}
- // User is authenticated - show welcome screen
+ // User is authenticated - show welcome screen [to be replaced with dashboard]
if (user) {
return (
-
+
@@ -112,10 +113,11 @@ export default function Login() {
Email: {user.email}
- Status: {user.is_active ? 'Active' : 'Inactive'}
+ Status:{" "}
+ {user.is_active ? "Active" : "Inactive"}
- Verified: {user.is_verified ? 'Yes' : 'No'}
+ Verified: {user.is_verified ? "Yes" : "No"}