diff --git a/apps/frontend/src/components/ApplicationProfileHeader.tsx b/apps/frontend/src/components/ApplicationProfileHeader.tsx index 53b9d0ad5..8a32bf8f2 100644 --- a/apps/frontend/src/components/ApplicationProfileHeader.tsx +++ b/apps/frontend/src/components/ApplicationProfileHeader.tsx @@ -46,6 +46,7 @@ const ApplicationProfileHeader: React.FC = ({ gap="6" pt="20" pl="5" + pb="3" mt="-10" ml="-10" mr="-20" @@ -78,7 +79,7 @@ const ApplicationProfileHeader: React.FC = ({ - + {firstName} {lastName} diff --git a/apps/frontend/src/containers/CandidateViewApplication.tsx b/apps/frontend/src/containers/CandidateViewApplication.tsx index 86faaef62..d3beae9c7 100644 --- a/apps/frontend/src/containers/CandidateViewApplication.tsx +++ b/apps/frontend/src/containers/CandidateViewApplication.tsx @@ -20,6 +20,10 @@ import RequirementsFrame from '../components/RequirementsFrame'; import SchoolAffiliationFrame from '../components/SchoolAffiliationFrame'; import ApplicationProfileHeader from '@components/ApplicationProfileHeader'; import EmergencyContactFrame from '@components/EmergencyContactFrame'; +import StatusPill, { + StatusPillConfig, + StatusVariant, +} from '@components/StatusPill'; const CandidateViewApplication: React.FC = () => { const [application, setApplication] = useState(null); @@ -221,6 +225,21 @@ const CandidateViewApplication: React.FC = () => { createdAt={application.createdAt} updatedAt={application.updatedAt} over18={learnerInfo?.isLegalAdult} + statusControl={ + StatusPillConfig[ + application.appStatus as unknown as StatusVariant + ] ? ( + + { + StatusPillConfig[ + application.appStatus as unknown as StatusVariant + ].label + } + + ) : undefined + } />