From e35f3b214627d8f2008e88544b8d7589a3c541b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Fri, 12 Apr 2024 15:49:12 +0100
Subject: [PATCH] chore(a11y): Re-order dropzone to be above file cards (#3016)

---
 .../PrivateFileUpload/PrivateFileUpload.tsx      | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/editor.planx.uk/src/@planx/components/shared/PrivateFileUpload/PrivateFileUpload.tsx b/editor.planx.uk/src/@planx/components/shared/PrivateFileUpload/PrivateFileUpload.tsx
index 573e9d5022..74b9ac1fcc 100644
--- a/editor.planx.uk/src/@planx/components/shared/PrivateFileUpload/PrivateFileUpload.tsx
+++ b/editor.planx.uk/src/@planx/components/shared/PrivateFileUpload/PrivateFileUpload.tsx
@@ -23,6 +23,14 @@ export const PrivateFileUpload: React.FC<PrivateFileUploadProps> = ({
 
   return (
     <>
+      {hasEmptySlots && (
+        <Dropzone
+          slots={slots}
+          setSlots={setSlots}
+          setFileUploadStatus={setFileUploadStatus}
+          maxFiles={maxFiles}
+        />
+      )}
       {slots.map((slot) => {
         return (
           <UploadedFileCard
@@ -38,14 +46,6 @@ export const PrivateFileUpload: React.FC<PrivateFileUploadProps> = ({
         );
       })}
       <FileStatus status={fileUploadStatus} />
-      {hasEmptySlots && (
-        <Dropzone
-          slots={slots}
-          setSlots={setSlots}
-          setFileUploadStatus={setFileUploadStatus}
-          maxFiles={maxFiles}
-        />
-      )}
     </>
   );
 };