ensure file upload only shows required/optional contract and rate pages

Enterprise-CMCS · Sep 14, 2023 · 678779e · 678779e
1 parent 04f770e
commit 678779e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/services/app-web/src/components/FileUpload/FileUpload.tsx b/services/app-web/src/components/FileUpload/FileUpload.tsx
@@ -33,6 +33,7 @@ export type FileUploadProps = {
     hint?: React.ReactNode
     initialItems?: FileItemT[]
     isLabelVisible?: boolean
+    showRequiredOptionalLabel?: boolean
     uploadFile: (file: File) => Promise<S3FileData>
     scanFile?: (key: string) => Promise<void | Error> // optional function to be called after uploading (used for scanning)
     deleteFile: (key: string) => Promise<void>
@@ -61,9 +62,9 @@ export const FileUpload = ({
     uploadFile,
     scanFile,
     deleteFile,
-    // ariaRequired,
     onFileItemsUpdate,
     isContractOnly,
+    showRequiredOptionalLabel = false,
     shouldDisplayMissingCategoriesError = false,
     innerInputRef,
     ...inputProps
@@ -420,13 +421,22 @@ export const FileUpload = ({
         fileItems.length
     )} added `
 
+    let isRequiredLabel
+    if (showRequiredOptionalLabel) {
+        if (isRequired) {
+            isRequiredLabel = 'Required'
+        } else {
+            isRequiredLabel = 'Optional'
+        }
+    }
+
     return (
         <FormGroup className="margin-top-0">
             <Label className={isLabelVisible ? '' : 'srOnly'} htmlFor={id}>
                 {label}
             </Label>
             <span className={styles.requiredOptionalText}>
-                {isRequired ? 'Required' : 'Optional'}
+                {isRequiredLabel}
             </span>
 
             <PoliteErrorMessage id={`${id}-error`}>{error}</PoliteErrorMessage>

diff --git a/services/app-web/src/pages/StateSubmission/ContractDetails/ContractDetails.tsx b/services/app-web/src/pages/StateSubmission/ContractDetails/ContractDetails.tsx
@@ -522,6 +522,7 @@ export const ContractDetails = ({
                                     label="Upload contract"
                                     renderMode="list"
                                     aria-required
+                                    showRequiredOptionalLabel={true}
                                     error={documentsErrorMessage}
                                     hint={
                                         <span

diff --git a/services/app-web/src/pages/StateSubmission/RateDetails/SingleRateCert/SingleRateCert.tsx b/services/app-web/src/pages/StateSubmission/RateDetails/SingleRateCert/SingleRateCert.tsx
@@ -164,6 +164,7 @@ export const SingleRateCert = ({
                     label="Upload one rate certification document"
                     renderMode="list"
                     aria-required
+                    showRequiredOptionalLabel={true}
                     error={showFieldErrors('rateDocuments')}
                     hint={
                         <span className={styles.guidanceTextBlockNoPadding}>
@@ -222,6 +223,7 @@ export const SingleRateCert = ({
                         label="Upload supporting documents"
                         renderMode="list"
                         aria-required={false}
+                        showRequiredOptionalLabel={true}
                         error={showFieldErrors('supportingDocuments')}
                         hint={
                             <span className={styles.guidanceTextBlockNoPadding}>