cleared debug, updated new appeal add about you

components/elements/index.js

@@ -779,11 +779,11 @@ export function Radiofield(props) {
     (showIfHasParentShowValue == parentField) != false &&
         showIfHasParentShowValue;
 
-    console.log(
-        datafieldname,
-        showIfHasParentShowValue,
-        formProps[form].values[parentField]
-    );
+    // console.log(
+    //     datafieldname,
+    //     showIfHasParentShowValue,
+    //     formProps[form].values[parentField]
+    // );
 
     return (
         <>
@@ -1091,7 +1091,8 @@ const PickListTranslations = (optionValue) => {
 
 export function FileUploadField(props) {
     return (
-        <div className="govuk-grid-row">
+        <>
+            <h4>{props.label} </h4>
             <Field
                 name={props.name}
                 id={props.name}
@@ -1101,7 +1102,7 @@ export function FileUploadField(props) {
                 label={props.label}
                 errorMsg="Is required"
             />
-        </div>
+        </>
     );
 }
 
@@ -1293,14 +1294,14 @@ const RenderFileUpload = (field) => {
         }
     };
     return (
-        <div>
+        <>
             <Dropzone
                 onDrop={(filesToUpload, e) =>
                     field.input.onChange(filesToUpload)
                 }
             >
                 {({ getRootProps, getInputProps }) => (
-                    <div className="govuk-grid-row">
+                    <>
                         <div className="govuk-form-group"></div>
                         <section className="container">
                             <div {...getRootProps({ style })}>
@@ -1310,10 +1311,9 @@ const RenderFileUpload = (field) => {
                             </div>
                             <aside>{thumbs}</aside>
                         </section>
-                    </div>
+                    </>
                 )}
             </Dropzone>
-
             {field.meta.touched && field.meta.error && (
                 <span className="error">{field.meta.error}</span>
             )}
@@ -1328,8 +1328,7 @@ const RenderFileUpload = (field) => {
                                 src={getThumbnailIcon(file, file.type)}
                                 alt={file.name}
                                 width="50"
-                            />{" "}
-                            {"  "}
+                            />
                             <span className="govuk-body govuk-!-padding-left-5">
                                 {file.name} ({bytesToSize(file.size)})
                             </span>
@@ -1337,6 +1336,6 @@ const RenderFileUpload = (field) => {
                     ))}
                 </ul>
             )}
-        </div>
+        </>
     );
 };