updated file name prefixes

components/case/representation/representationElements.js

@@ -534,22 +534,30 @@ export const RenderTextfield = ({
 
     return (
         <>
-            <label className="govuk-label " htmlFor={id} id={id + "_label"}>
-                {label}
-            </label>
-            {touched && error && (
-                <span id={id + "-error"} className="govuk-error-message">
-                    <span className="govuk-visually-hidden">Error:</span>{" "}
-                    {errorMsg}
-                </span>
-            )}
-            <input
-                {...input}
-                className={className}
-                name={name}
-                id={id}
-                type={type}
-            />
+            <div
+                className={
+                    touched && error
+                        ? "govuk-form-group govuk-form-group--error"
+                        : "govuk-form-group "
+                }
+            >
+                <label className="govuk-label " htmlFor={id} id={id + "_label"}>
+                    {label}
+                </label>
+                {touched && error && (
+                    <span id={id + "-error"} className="govuk-error-message">
+                        <span className="govuk-visually-hidden">Error:</span>{" "}
+                        {errorMsg}
+                    </span>
+                )}
+                <input
+                    {...input}
+                    className={className}
+                    name={name}
+                    id={id}
+                    type={type}
+                />
+            </div>
         </>
     );
 };
@@ -953,10 +961,30 @@ export const RenderFileUpload = (field) => {
 
     const filelistObj = field.fileList || {};
 
-    const blobList = jsonpath(
-        "$..[?(@.documentType=='" + field.documentTypeCode + "')]",
-        filelistObj
-    );
+    // const blobList = jsonpath(
+    //     "$..[?(@.documentType=='" + field.documentTypeCode + "')]",
+    //     filelistObj
+    // );
+
+    let blobList = filelistObj;
+
+    // let buildAppealFilesArray = [];
+
+    // let filesUploadObj = field.input.value;
+
+    // for (let key in filesUploadObj) {
+    //     for (let j in filesUploadObj[key]) {
+    //         typeof filesUploadObj[key][j].name != "undefined" &&
+    //             buildAppealFilesArray.push({
+    //                 "name": filesUploadObj[key][j].name,
+    //                 "size": filesUploadObj[key][j].size,
+    //             });
+    //     }
+    // }
+
+    // buildAppealFilesArray = buildAppealFilesArray.concat(blobList);
+
+    // blobList = buildAppealFilesArray;
 
     const deleteThisBlob = async (
         containerName,
@@ -1082,7 +1110,8 @@ export const RenderFileUpload = (field) => {
                         }
                         className="govuk-body govuk-!-font-size-14 govuk-!-padding-left-5 govuk-link"
                     >
-                        {blob.name}({bytesToSize(blob.contentLength)})
+                        {blob.name} (
+                        {bytesToSize(blob.contentLength || blob.size)}) ww
                     </Link>
                 </div>
             ))}{" "}