file size max alert updated

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' },
 ];

src/pages/Filing/FilingApp/FileSubmission.data.tsx

@@ -23,6 +23,20 @@ function ValidationErrorGeneralAlert(): JSX.Element {
   );
 }
 
+export function UploadMaxSizeAlert(): JSX.Element {
+  return (
+    <Alert
+      className='mb-[2.8125rem] [&_div]:max-w-[41.875rem] [&_p]:max-w-[41.875rem]'
+      message='There was a problem uploading your file'
+      status='error'
+    >
+      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,{' '}
+      <Link href={sblHelpMail}>email our support staff.</Link>
+    </Alert>
+  );
+}
+
 export const fileSubmissionStateAlert: Record<
   Exclude<
     FileSubmissionState,

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';

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 (
-      <Alert
-        className='mb-[2.8125rem] [&_div]:max-w-[41.875rem] [&_p]:max-w-[41.875rem]'
-        message='The file size is over the file size limit or does not contain data'
-        status='error'
-      />
-    );
+    return <UploadMaxSizeAlert />;
 
   if (errorUpload)
     return fileSubmissionStateAlert[FileSubmissionState.UPLOAD_FAILED];