Fix up a ton of pages, settings/help/wiki need improvements, report generation needs slight updates. Otherwise completed

This commit is contained in:
Ra
2025-08-25 02:08:21 -07:00
parent 1ed3e16ff6
commit df7020cdd4
29 changed files with 3671 additions and 4684 deletions

View File

@@ -16,7 +16,7 @@ import {
/**
* Enhanced Employee Questionnaire with Exact Figma Design Implementation
*
*
* Features:
* - Exact Figma design system styling
* - Invite-based flow (no authentication required)
@@ -264,13 +264,13 @@ const EmployeeQuestionnaire: React.FC = () => {
// Early return for invite flow loading state
if (isInviteFlow && isLoadingInvite) {
return (
<div className="min-h-screen bg-Neutrals-NeutralSlate0 py-8 px-4 flex items-center justify-center">
<div className="min-h-screen bg-[--Neutrals-NeutralSlate0] py-8 px-4 flex items-center justify-center">
<div className="max-w-4xl mx-auto text-center">
<div className="w-16 h-16 bg-Brand-Orange rounded-full flex items-center justify-center font-bold text-Other-White text-2xl mx-auto mb-4">
<div className="w-16 h-16 bg-[--Brand-Orange] rounded-full flex items-center justify-center font-bold text-Other-White text-2xl mx-auto mb-4">
A
</div>
<h1 className="text-3xl font-bold text-Neutrals-NeutralSlate950 mb-4">Loading Your Invitation...</h1>
<p className="text-Neutrals-NeutralSlate500">Please wait while we verify your invitation.</p>
<h1 className="text-3xl font-bold text-[--Neutrals-NeutralSlate950] mb-4">Loading Your Invitation...</h1>
<p className="text-[--Neutrals-NeutralSlate500]">Please wait while we verify your invitation.</p>
</div>
</div>
);
@@ -279,16 +279,16 @@ const EmployeeQuestionnaire: React.FC = () => {
// Early return for invite flow error state
if (isInviteFlow && error && currentStep === 1) {
return (
<div className="min-h-screen bg-Neutrals-NeutralSlate0 py-8 px-4 flex items-center justify-center">
<div className="min-h-screen bg-[--Neutrals-NeutralSlate0] py-8 px-4 flex items-center justify-center">
<div className="max-w-4xl mx-auto text-center">
<div className="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center font-bold text-Other-White text-2xl mx-auto mb-4">
!
</div>
<h1 className="text-3xl font-bold text-Neutrals-NeutralSlate950 mb-4">Invitation Error</h1>
<p className="text-Neutrals-NeutralSlate500 mb-6">{error}</p>
<h1 className="text-3xl font-bold text-[--Neutrals-NeutralSlate950] mb-4">Invitation Error</h1>
<p className="text-[--Neutrals-NeutralSlate500] mb-6">{error}</p>
<button
onClick={() => window.location.href = '/'}
className="px-6 py-3 bg-Brand-Orange text-Other-White rounded-lg hover:bg-orange-600"
className="px-6 py-3 bg-[--Brand-Orange] text-Other-White rounded-lg hover:bg-orange-600"
>
Return to Homepage
</button>
@@ -301,7 +301,7 @@ const EmployeeQuestionnaire: React.FC = () => {
switch (currentStep) {
case 1:
return (
<WelcomeScreen
<WelcomeScreen
onStart={() => handleNext()}
/>
);
@@ -680,13 +680,13 @@ const EmployeeQuestionnaire: React.FC = () => {
if (isSubmitting) {
return (
<div className="min-h-screen bg-Neutrals-NeutralSlate0 py-8 px-4 flex items-center justify-center">
<div className="min-h-screen bg-[--Neutrals-NeutralSlate0] py-8 px-4 flex items-center justify-center">
<div className="max-w-4xl mx-auto text-center">
<div className="w-16 h-16 bg-Brand-Orange rounded-full flex items-center justify-center font-bold text-Other-White text-2xl mx-auto mb-4 animate-pulse">
<div className="w-16 h-16 bg-[--Brand-Orange] rounded-full flex items-center justify-center font-bold text-Other-White text-2xl mx-auto mb-4 animate-pulse">
A
</div>
<h1 className="text-3xl font-bold text-Neutrals-NeutralSlate950 mb-4">Submitting Your Responses...</h1>
<p className="text-Neutrals-NeutralSlate500">Please wait while we process your assessment and generate your report.</p>
<h1 className="text-3xl font-bold text-[--Neutrals-NeutralSlate950] mb-4">Submitting Your Responses...</h1>
<p className="text-[--Neutrals-NeutralSlate500]">Please wait while we process your assessment and generate your report.</p>
</div>
</div>
);