diff --git a/src/components/StepIndicator.tsx b/src/components/StepIndicator.tsx index 63a155098..0a48618a6 100644 --- a/src/components/StepIndicator.tsx +++ b/src/components/StepIndicator.tsx @@ -12,9 +12,9 @@ export interface StepType { } export const mockSteps: StepType[] = [ - { status: STEP_COMPLETE, label: 'Upload file' }, - { status: STEP_COMPLETE, label: 'Resolve errors' }, - { status: STEP_CURRENT, label: 'Review warnings' }, + { status: STEP_CURRENT, label: 'Upload file' }, + { status: STEP_INCOMPLETE, label: 'Resolve errors' }, + { status: STEP_INCOMPLETE, label: 'Review warnings' }, { status: STEP_INCOMPLETE, label: 'Provide point of contact' }, { status: STEP_INCOMPLETE, label: 'Sign and submit' }, ]; diff --git a/src/pages/Filing/FilingApp/FileSubmission.data.tsx b/src/pages/Filing/FilingApp/FileSubmission.data.tsx index 1a7c6bf8e..888547870 100644 --- a/src/pages/Filing/FilingApp/FileSubmission.data.tsx +++ b/src/pages/Filing/FilingApp/FileSubmission.data.tsx @@ -23,6 +23,20 @@ function ValidationErrorGeneralAlert(): JSX.Element { ); } +export function UploadMaxSizeAlert(): JSX.Element { + return ( + + The file you tried to upload exceeds the file size requirement or contains + no data. Check your file and try again. If this issue persists,{' '} + email our support staff. + + ); +} + export const fileSubmissionStateAlert: Record< Exclude< FileSubmissionState, diff --git a/src/pages/Filing/FilingApp/FileSubmission.tsx b/src/pages/Filing/FilingApp/FileSubmission.tsx index 82ee11da1..c91327586 100644 --- a/src/pages/Filing/FilingApp/FileSubmission.tsx +++ b/src/pages/Filing/FilingApp/FileSubmission.tsx @@ -24,7 +24,7 @@ import { FileSubmissionState } from 'types/filingTypes'; import { filingInstructionsPage } from 'utils/common'; import { FILE_SIZE_LIMIT_2MB, - FILE_SIZE_LIMIT_ERROR_MESSAGE + FILE_SIZE_LIMIT_ERROR_MESSAGE, } from 'utils/constants'; import FileDetailsUpload from './FileDetailsUpload'; import FileDetailsValidation from './FileDetailsValidation'; diff --git a/src/pages/Filing/FilingApp/FileSubmissionAlert.tsx b/src/pages/Filing/FilingApp/FileSubmissionAlert.tsx index 8f5bd87c7..f01f647f0 100644 --- a/src/pages/Filing/FilingApp/FileSubmissionAlert.tsx +++ b/src/pages/Filing/FilingApp/FileSubmissionAlert.tsx @@ -1,9 +1,11 @@ import type { AxiosError } from 'axios'; -import { Alert } from 'design-system-react'; import type { SubmissionResponse } from 'types/filingTypes'; import { FileSubmissionState } from 'types/filingTypes'; import { FILE_SIZE_LIMIT_ERROR_MESSAGE } from 'utils/constants'; -import { fileSubmissionStateAlert } from './FileSubmission.data'; +import { + UploadMaxSizeAlert, + fileSubmissionStateAlert, +} from './FileSubmission.data'; interface FileSubmissionAlertProperties { uploadedBefore: boolean; @@ -19,13 +21,7 @@ function FileSubmissionAlert({ errorUpload, }: FileSubmissionAlertProperties): JSX.Element | null { if (errorUpload && errorUpload.message === FILE_SIZE_LIMIT_ERROR_MESSAGE) - return ( - - ); + return ; if (errorUpload) return fileSubmissionStateAlert[FileSubmissionState.UPLOAD_FAILED];