[PRMP-858] Implement new doc upload index page (#909)

Author: adamwhitingnhs

app/src/components/blocks/_documentUpload/documentSelectStage/DocumentSelectStage.tsx

@@ -298,7 +298,7 @@ const DocumentSelectStage = ({
                 ></ErrorBox>
             )}
 
-            <h1>{pageTitle()}</h1>
+            <h1 data-testid="page-title">{pageTitle()}</h1>
 
             <div className="nhsuk-inset-text">
                 <p>Make sure that all files uploaded are for this patient only:</p>

app/src/config/documentTypesConfig.json

@@ -3,33 +3,27 @@
         "name": "Scanned Paper Notes",
         "snomed_code": "16521000000101",
         "config_name": "scannedPaperNotesConfig",
-        "content": [
-            {
-                "upload_title": "Scanned Lloyd George notes",
-                "upload_description": "Upload and add files to a scanned paper Lloyd George record."
-            }
-        ]
+        "content": {
+            "upload_title": "Scanned Lloyd George notes",
+            "upload_description": "Upload and add files to a scanned paper Lloyd George record."
+        }
     },
     {
         "name": "Electronic Health Record",
         "snomed_code": "16521000000102",
         "config_name": "electronicHealthRecordConfig",
-        "content": [
-            {
-                "upload_title": "Electronic health record (EHR) summary",
-                "upload_description": "Upload the summary file of an electronic health record. You might also call these a 'journal' or 'practice notes'. Upload this suymmary if, for example, GP2GP fails."
-            }
-        ]
+        "content": {
+            "upload_title": "Electronic health record (EHR) summary",
+            "upload_description": "Upload the summary file of an electronic health record. You might also call these a 'journal' or 'practice notes'. Upload this suymmary if, for example, GP2GP fails."
+        }
     },
     {
         "name": "Electronic Health Record Attachments",
         "snomed_code": "16521000000103",
         "config_name": "electronicHealthRecordAttachmentsConfig",
-        "content": [
-            {
-                "upload_title": "Attachments to an electronic health record",
-                "upload_description": "Upload other files that are part of the patient's EHR on your clinical system. For example, letters, laboratory reports and imaging. Upload these files if, for example GP2GP fails."
-            }
-        ]
+        "content": {
+            "upload_title": "Attachments to an electronic health record",
+            "upload_description": "Upload other files that are part of the patient's EHR on your clinical system. For example, letters, laboratory reports and imaging. Upload these files if, for example GP2GP fails."
+        }
     }
 ]

app/src/config/electronicHealthRecordAttachmentsConfig.json

@@ -9,5 +9,5 @@
     "canBeDiscarded": true,
     "stitched": false,
     "acceptedFileTypes": [],
-    "content": []
+    "content": {}
 }

app/src/config/electronicHealthRecordConfig.json

@@ -9,5 +9,5 @@
     "canBeDiscarded": true,
     "stitched": false,
     "acceptedFileTypes": [],
-    "content": []
+    "content": {}
 }

app/src/config/lloydGeorgeConfig.json

@@ -11,5 +11,5 @@
     "acceptedFileTypes": [
         ".pdf"
     ],
-    "content": []
+    "content": {}
 }

app/src/helpers/utils/documentType.test.ts

@@ -14,8 +14,8 @@ vi.mock('../../config/lloydGeorgeConfig.json', () => ({
         canBeDiscarded: false,
         stitched: true,
         acceptedFileTypes: ['pdf'],
-        content: [{ key: 'test', value: 'test' }]
-    }
+        content: { test: 'test' },
+    },
 }));
 
 vi.mock('../../config/electronicHealthRecordConfig.json', () => ({
@@ -30,8 +30,8 @@ vi.mock('../../config/electronicHealthRecordConfig.json', () => ({
         canBeDiscarded: true,
         stitched: false,
         acceptedFileTypes: ['xml', 'json'],
-        content: [{ key: 'ehr', value: 'data' }]
-    }
+        content: { ehr: 'data' },
+    },
 }));
 
 vi.mock('../../config/electronicHealthRecordAttachmentsConfig.json', () => ({
@@ -46,8 +46,8 @@ vi.mock('../../config/electronicHealthRecordAttachmentsConfig.json', () => ({
         canBeDiscarded: true,
         stitched: false,
         acceptedFileTypes: ['pdf', 'jpg', 'png'],
-        content: [{ key: 'attachment', value: 'file' }]
-    }
+        content: { attachment: 'file' },
+    },
 }));
 
 describe('documentType', () => {
@@ -61,11 +61,15 @@ describe('documentType', () => {
         });
 
         it('should return correct label for EHR_ATTACHMENTS', () => {
-            expect(getDocumentTypeLabel(DOCUMENT_TYPE.EHR_ATTACHMENTS)).toBe('Electronic health record attachments');
+            expect(getDocumentTypeLabel(DOCUMENT_TYPE.EHR_ATTACHMENTS)).toBe(
+                'Electronic health record attachments',
+            );
         });
 
         it('should return correct label for LETTERS_AND_DOCS', () => {
-            expect(getDocumentTypeLabel(DOCUMENT_TYPE.LETTERS_AND_DOCS)).toBe('Patient letters and documents');
+            expect(getDocumentTypeLabel(DOCUMENT_TYPE.LETTERS_AND_DOCS)).toBe(
+                'Patient letters and documents',
+            );
         });
 
         it('should return empty string for unknown document type', () => {
@@ -96,13 +100,15 @@ describe('documentType', () => {
         });
 
         it('should throw error for unsupported document type', () => {
-            expect(() => getConfigForDocType(DOCUMENT_TYPE.LETTERS_AND_DOCS))
-                .toThrow('No config found for document type: 16521000000104');
+            expect(() => getConfigForDocType(DOCUMENT_TYPE.LETTERS_AND_DOCS)).toThrow(
+                'No config found for document type: 16521000000104',
+            );
         });
 
         it('should throw error for unknown document type', () => {
-            expect(() => getConfigForDocType('unknown' as DOCUMENT_TYPE))
-                .toThrow('No config found for document type: unknown');
+            expect(() => getConfigForDocType('unknown' as DOCUMENT_TYPE)).toThrow(
+                'No config found for document type: unknown',
+            );
         });
     });
-});
+});

app/src/helpers/utils/documentType.ts

@@ -21,8 +21,8 @@ export type DOCUMENT_TYPE_CONFIG = {
     canBeDiscarded: boolean;
     stitched: boolean;
     acceptedFileTypes: string[];
-    content: { key: string, value: string }[];
-}
+    content: { [key: string]: string };
+};
 
 export const getDocumentTypeLabel = (docType: DOCUMENT_TYPE): string => {
     switch (docType) {
@@ -50,4 +50,4 @@ export const getConfigForDocType = (docType: DOCUMENT_TYPE): DOCUMENT_TYPE_CONFI
         default:
             throw new Error(`No config found for document type: ${docType}`);
     }
-};
+};