jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Cooooool!

Browse Source
This commit is contained in:
James Ketr 2025-06-05 16:42:40 -07:00
parent b88949bb76
commit b76141f3d1
1 changed files with 68 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/pages/JobAnalysisPage.tsx
View File

@ -36,6 +36,7 @@ import { CandidateInfo } from 'components/CandidateInfo';
import { ComingSoon } from 'components/ui/ComingSoon'; import { ComingSoon } from 'components/ui/ComingSoon';
import { JobManagement } from 'components/JobManagement'; import { JobManagement } from 'components/JobManagement';
import { LoginRequired } from 'components/ui/LoginRequired'; import { LoginRequired } from 'components/ui/LoginRequired';
import { Scrollable } from 'components/Scrollable';
// Main component // Main component
const JobAnalysisPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => { const JobAnalysisPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps) => {
@ -257,17 +258,14 @@ const JobAnalysisPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps
} }
return ( return (
<Container maxWidth="lg"> <Box sx={{ maxHeight: "100%", position: "relative", display: "flex", flexDirection: "column", overflow: "hidden" }}>
<Paper elevation={1} sx={{ p: 3, mt: 3, borderRadius: 2 }}> <Paper elevation={4} sx={{ m: 0, borderRadius: 0, mb: 1, p: 0 }}>{selectedCandidate && <CandidateInfo variant="small" candidate={selectedCandidate} sx={{ width: "100%" }} />}</Paper>
<Typography variant="h4" component="h1" gutterBottom> <Scrollable sx={{ display: "flex", flexGrow: 1, maxHeight: "calc(100dvh - 234px)", position: "relative" }}>
Candidate Analysis <Box sx={{ display: "flex", justifyContent: "center" }}>
</Typography>
{selectedCandidate && <CandidateInfo variant="small" candidate={selectedCandidate} />}
<Typography variant="subtitle1" color="text.secondary" gutterBottom> <Typography variant="subtitle1" color="text.secondary" gutterBottom>
Match candidates to job requirements with AI-powered analysis Match candidates to job requirements with AI-powered analysis
</Typography> </Typography>
</Paper> </Box>
<Box sx={{ mt: 4, mb: 4 }}> <Box sx={{ mt: 4, mb: 4 }}>
<Stepper activeStep={activeStep} alternativeLabel> <Stepper activeStep={activeStep} alternativeLabel>
{steps.map(step => ( {steps.map(step => (
@ -330,9 +328,8 @@ const JobAnalysisPage: React.FC<BackstoryPageProps> = (props: BackstoryPageProps
{error} {error}
</Alert> </Alert>
</Snackbar> </Snackbar>
</Scrollable>
</Container> </Box>);
);
}; };
export { JobAnalysisPage }; export { JobAnalysisPage };