Compare commits
No commits in common. "4a80004363cd02d9742809b1c5a1eb21a6ee05b0" and "a03497a552d0a8189398bfb915b065fd6a169e84" have entirely different histories.
4a80004363
...
a03497a552
@ -29,11 +29,10 @@ import {
|
||||
} from '@mui/icons-material';
|
||||
|
||||
import { NavigationLinkType } from 'components/layout/BackstoryLayout';
|
||||
import { Beta } from 'components/ui/Beta';
|
||||
import { Beta } from 'components/Beta';
|
||||
import { Candidate, Employer } from 'types/types';
|
||||
import { SetSnackType } from 'components/Snack';
|
||||
import { CopyBubble } from 'components/CopyBubble';
|
||||
import { BackstoryLogo } from 'components/ui/BackstoryLogo';
|
||||
|
||||
import 'components/layout/Header.css';
|
||||
import { useAuth } from 'hooks/AuthContext';
|
||||
@ -190,6 +189,32 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
|
||||
|
||||
const name = (user?.firstName || user?.email || '');
|
||||
|
||||
const BackstoryLogo = () => {
|
||||
return <Typography
|
||||
variant="h6"
|
||||
className="BackstoryLogo"
|
||||
noWrap
|
||||
sx={{
|
||||
cursor: "pointer",
|
||||
fontWeight: 700,
|
||||
letterSpacing: '.2rem',
|
||||
color: theme.palette.primary.contrastText,
|
||||
textDecoration: 'none',
|
||||
display: "flex",
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 1,
|
||||
textTransform: "uppercase",
|
||||
}}
|
||||
>
|
||||
<Avatar sx={{ width: 24, height: 24 }}
|
||||
variant="rounded"
|
||||
alt="Backstory logo"
|
||||
src="/logo192.png" />
|
||||
Backstory
|
||||
</Typography>
|
||||
};
|
||||
|
||||
const navLinks : NavigationLinkType[] = [
|
||||
{name: "Home", path: "/", label: <BackstoryLogo/>},
|
||||
...navigationLinks
|
||||
|
@ -1,38 +0,0 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
Typography,
|
||||
Avatar,
|
||||
} from '@mui/material';
|
||||
import { useTheme } from '@mui/material/styles';
|
||||
|
||||
import 'components/layout/Header.css';
|
||||
|
||||
const BackstoryLogo = () => {
|
||||
const theme = useTheme();
|
||||
return <Typography
|
||||
variant="h6"
|
||||
className="BackstoryLogo"
|
||||
noWrap
|
||||
sx={{
|
||||
cursor: "pointer",
|
||||
fontWeight: 700,
|
||||
letterSpacing: '.2rem',
|
||||
color: theme.palette.primary.contrastText,
|
||||
textDecoration: 'none',
|
||||
display: "flex",
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 1,
|
||||
textTransform: "uppercase",
|
||||
}}
|
||||
>
|
||||
<Avatar sx={{ width: 24, height: 24 }}
|
||||
variant="rounded"
|
||||
alt="Backstory logo"
|
||||
src="/logo192.png" />
|
||||
Backstory
|
||||
</Typography>
|
||||
};
|
||||
|
||||
|
||||
export { BackstoryLogo };
|
@ -1,30 +0,0 @@
|
||||
.ComingSoon {
|
||||
display: flex;
|
||||
position: relative;
|
||||
flex: 1;
|
||||
pointer-events: none;
|
||||
z-index: 1101;
|
||||
cursor: pointer;
|
||||
font-family: 'Roboto';
|
||||
line-height: 40px;
|
||||
overflow: hidden;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.ComingSoon-label {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 28px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #d8d8d8;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 11;
|
||||
pointer-events: none;
|
||||
}
|
@ -1,25 +0,0 @@
|
||||
import React, { useEffect, useRef, useState } from 'react';
|
||||
import Box from '@mui/material/Box';
|
||||
import useMediaQuery from '@mui/material/useMediaQuery';
|
||||
import { SxProps, useTheme } from '@mui/material/styles';
|
||||
|
||||
import './ComingSoon.css';
|
||||
|
||||
type ComingSoonProps = {
|
||||
children?: React.ReactNode;
|
||||
}
|
||||
|
||||
const ComingSoon: React.FC<ComingSoonProps> = (props : ComingSoonProps) => {
|
||||
const { children } = props;
|
||||
const theme = useTheme();
|
||||
return (
|
||||
<Box className="ComingSoon">
|
||||
<Box className="ComingSoon-label">Coming Soon</Box>
|
||||
{children}
|
||||
</Box>
|
||||
);
|
||||
};
|
||||
|
||||
export {
|
||||
ComingSoon
|
||||
};
|
@ -13,7 +13,7 @@ import {
|
||||
import { useTheme } from '@mui/material/styles';
|
||||
import ConstructionIcon from '@mui/icons-material/Construction';
|
||||
import RocketLaunchIcon from '@mui/icons-material/RocketLaunch';
|
||||
import { Beta } from '../components/ui/Beta';
|
||||
import { Beta } from '../components/Beta';
|
||||
|
||||
interface BetaPageProps {
|
||||
children?: React.ReactNode;
|
||||
|
@ -19,7 +19,6 @@ import WorkHistoryIcon from '@mui/icons-material/WorkHistory';
|
||||
import QuestionAnswerIcon from '@mui/icons-material/QuestionAnswer';
|
||||
import DescriptionIcon from '@mui/icons-material/Description';
|
||||
import professionalConversationPng from './Conversation.png';
|
||||
import { ComingSoon } from 'components/ui/ComingSoon';
|
||||
|
||||
// Placeholder for Testimonials component
|
||||
const Testimonials = () => {
|
||||
@ -303,7 +302,6 @@ const HomePage = () => {
|
||||
</ActionButton>
|
||||
</Box>
|
||||
|
||||
<ComingSoon>
|
||||
<Box sx={{ flex: 1 }}>
|
||||
<Typography variant="h4" component="h3" gutterBottom sx={{ color: 'primary.main' }}>
|
||||
For Employers
|
||||
@ -391,7 +389,6 @@ const HomePage = () => {
|
||||
Start Recruiting
|
||||
</ActionButton>
|
||||
</Box>
|
||||
</ComingSoon>
|
||||
</Box>
|
||||
</Container>
|
||||
|
||||
|
@ -11,6 +11,8 @@ import {
|
||||
CircularProgress,
|
||||
Tabs,
|
||||
Tab,
|
||||
AppBar,
|
||||
Toolbar,
|
||||
Card,
|
||||
CardContent,
|
||||
Divider,
|
||||
@ -33,12 +35,15 @@ import {
|
||||
Person,
|
||||
PersonAdd,
|
||||
AccountCircle,
|
||||
ExitToApp,
|
||||
Visibility,
|
||||
VisibilityOff,
|
||||
CheckCircle,
|
||||
Cancel,
|
||||
ExpandLess,
|
||||
ExpandMore,
|
||||
Visibility as ViewIcon,
|
||||
Work,
|
||||
Business
|
||||
} from '@mui/icons-material';
|
||||
import 'react-phone-number-input/style.css';
|
||||
@ -50,10 +55,10 @@ import { ApiClient } from 'services/api-client';
|
||||
import { useAuth } from 'hooks/AuthContext';
|
||||
import { LocationInput } from 'components/LocationInput';
|
||||
import { Location } from 'types/types';
|
||||
import { BackstoryLogo } from 'components/ui/BackstoryLogo';
|
||||
|
||||
import { Candidate } from 'types/types'
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import { BackstoryPageProps } from 'components/BackstoryTab';
|
||||
import { Navigate, useNavigate } from 'react-router-dom';
|
||||
|
||||
type UserRegistrationType = 'candidate' | 'employer';
|
||||
|
||||
@ -85,7 +90,6 @@ interface PasswordRequirement {
|
||||
const apiClient = new ApiClient();
|
||||
|
||||
const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
const navigate = useNavigate();
|
||||
const { setSnack } = props;
|
||||
const [tabValue, setTabValue] = useState(0);
|
||||
const [loading, setLoading] = useState(false);
|
||||
@ -95,9 +99,6 @@ const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
const [passwordValidation, setPasswordValidation] = useState<{ isValid: boolean; issues: string[] }>({ isValid: true, issues: [] });
|
||||
const name = (user?.userType === 'candidate') ? user.username : user?.email || '';
|
||||
const [location, setLocation] = useState<Partial<Location>>({});
|
||||
const [errorMessage, setErrorMessage] = useState<string | null>(null);
|
||||
|
||||
const showGuest: boolean = false;
|
||||
|
||||
// Password visibility states
|
||||
const [showLoginPassword, setShowLoginPassword] = useState(false);
|
||||
@ -168,23 +169,6 @@ const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
}
|
||||
}, [phone, registerForm]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!loading || !error) {
|
||||
return;
|
||||
}
|
||||
if (loading && error) {
|
||||
/* Remove 'HTTP .*: ' from error string */
|
||||
const jsonStr = error.replace(/^[^{]*/, '');
|
||||
const data = JSON.parse(jsonStr);
|
||||
setErrorMessage(data.error.message);
|
||||
setSnack(data.error.message, "error");
|
||||
setTimeout(() => {
|
||||
setErrorMessage(null);
|
||||
setLoading(false);
|
||||
}, 3000);
|
||||
}
|
||||
}, [error, loading]);
|
||||
|
||||
const handleLogin = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setLoading(true);
|
||||
@ -193,8 +177,6 @@ const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
const success = await login(loginForm);
|
||||
if (success) {
|
||||
setSuccess('Login successful!');
|
||||
setLoading(false);
|
||||
navigate('/chat');
|
||||
}
|
||||
};
|
||||
|
||||
@ -257,8 +239,8 @@ const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
if (registerForm.userType === 'candidate') {
|
||||
window.location.href = '/candidate/dashboard';
|
||||
}
|
||||
setLoading(false);
|
||||
}
|
||||
setLoading(false);
|
||||
};
|
||||
|
||||
const handleTabChange = (event: React.SyntheticEvent, newValue: number) => {
|
||||
@ -374,9 +356,11 @@ const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
return (
|
||||
<Container maxWidth="sm" sx={{ mt: 4 }}>
|
||||
<Paper elevation={3} sx={{ p: 4 }}>
|
||||
<BackstoryLogo />
|
||||
<Typography variant="h4" component="h1" gutterBottom align="center" color="primary">
|
||||
Backstory
|
||||
</Typography>
|
||||
|
||||
{showGuest && guest && (
|
||||
{guest && (
|
||||
<Card sx={{ mb: 3, bgcolor: 'grey.50' }} elevation={1}>
|
||||
<CardContent>
|
||||
<Typography variant="h6" gutterBottom color="primary">
|
||||
@ -399,9 +383,9 @@ const LoginPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
|
||||
</Tabs>
|
||||
</Box>
|
||||
|
||||
{errorMessage && (
|
||||
{error && (
|
||||
<Alert severity="error" sx={{ mb: 2 }}>
|
||||
{errorMessage}
|
||||
{error}
|
||||
</Alert>
|
||||
)}
|
||||
|
||||
|
@ -4,11 +4,10 @@ Secure Authentication Utilities
|
||||
Provides password hashing, verification, and security features
|
||||
"""
|
||||
|
||||
import traceback
|
||||
import bcrypt # type: ignore
|
||||
import secrets
|
||||
import logging
|
||||
from datetime import datetime, timezone, timedelta
|
||||
from datetime import datetime, timezone
|
||||
from typing import Dict, Any, Optional, Tuple
|
||||
from pydantic import BaseModel # type: ignore
|
||||
|
||||
@ -157,14 +156,8 @@ class AuthenticationManager:
|
||||
|
||||
# Check if account is locked
|
||||
if auth_data.locked_until and auth_data.locked_until > datetime.now(timezone.utc):
|
||||
time_until_unlock = auth_data.locked_until - datetime.now(timezone.utc)
|
||||
# Convert time_until_unlock to minutes:seconds format
|
||||
total_seconds = time_until_unlock.total_seconds()
|
||||
minutes = int(total_seconds // 60)
|
||||
seconds = int(total_seconds % 60)
|
||||
time_until_unlock_str = f"{minutes}m {seconds}s"
|
||||
logger.warning(f"🔒 Account is locked for user {login} for another {time_until_unlock_str}.")
|
||||
return False, None, f"Account is temporarily locked due to too many failed attempts. Retry after {time_until_unlock_str}"
|
||||
logger.warning(f"🔒 Account locked for user {login}")
|
||||
return False, None, "Account is temporarily locked due to too many failed attempts"
|
||||
|
||||
# Verify password
|
||||
if not self.password_security.verify_password(password, auth_data.password_hash):
|
||||
@ -173,6 +166,7 @@ class AuthenticationManager:
|
||||
|
||||
# Lock account if too many attempts
|
||||
if auth_data.login_attempts >= SecurityConfig.MAX_LOGIN_ATTEMPTS:
|
||||
from datetime import timedelta
|
||||
auth_data.locked_until = datetime.now(timezone.utc) + timedelta(
|
||||
minutes=SecurityConfig.ACCOUNT_LOCKOUT_DURATION_MINUTES
|
||||
)
|
||||
@ -194,7 +188,6 @@ class AuthenticationManager:
|
||||
return True, user_data, None
|
||||
|
||||
except Exception as e:
|
||||
logger.error(traceback.format_exc())
|
||||
logger.error(f"❌ Authentication error for user {login}: {e}")
|
||||
return False, None, "Authentication failed"
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user