From dddc589dbdcd5b6e20e17baefcb59116c371a48f Mon Sep 17 00:00:00 2001
From: Erik Hanchett <ehhanche@amazon.com>
Date: Wed, 25 Jan 2023 11:25:59 -0800
Subject: [PATCH] Swapped clear all and upload button

---
 .changeset/thirty-kangaroos-develop.md               |  5 +++++
 .../__snapshots__/UploadPreviewer.test.tsx.snap      | 12 ++++++------
 .../Storage/FileUploader/UploadPreviewer/index.tsx   |  7 +++----
 3 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/thirty-kangaroos-develop.md

diff --git a/.changeset/thirty-kangaroos-develop.md b/.changeset/thirty-kangaroos-develop.md
new file mode 100644
index 00000000000..267b7d118c2
--- /dev/null
+++ b/.changeset/thirty-kangaroos-develop.md
@@ -0,0 +1,5 @@
+---
+'@aws-amplify/ui-react': patch
+---
+
+fix: Swap the upload button with the clear all button.
diff --git a/packages/react/src/components/Storage/FileUploader/UploadPreviewer/__tests__/__snapshots__/UploadPreviewer.test.tsx.snap b/packages/react/src/components/Storage/FileUploader/UploadPreviewer/__tests__/__snapshots__/UploadPreviewer.test.tsx.snap
index 11c2a92d787..19d7515b1c1 100644
--- a/packages/react/src/components/Storage/FileUploader/UploadPreviewer/__tests__/__snapshots__/UploadPreviewer.test.tsx.snap
+++ b/packages/react/src/components/Storage/FileUploader/UploadPreviewer/__tests__/__snapshots__/UploadPreviewer.test.tsx.snap
@@ -22,22 +22,22 @@ exports[`UploadPreviewer renders as expected 1`] = `
         class="amplify-fileuploader__previewer__footer__actions"
       >
         <button
-          class="amplify-button amplify-field-group__control amplify-button--primary amplify-button--small"
+          class="amplify-button amplify-field-group__control amplify-button--link amplify-button--small"
           data-fullwidth="false"
           data-size="small"
-          data-variation="primary"
+          data-variation="link"
           type="button"
         >
-          Upload 1 file
+          Clear all
         </button>
         <button
-          class="amplify-button amplify-field-group__control amplify-button--link amplify-button--small"
+          class="amplify-button amplify-field-group__control amplify-button--primary amplify-button--small"
           data-fullwidth="false"
           data-size="small"
-          data-variation="link"
+          data-variation="primary"
           type="button"
         >
-          Clear all
+          Upload 1 file
         </button>
       </div>
     </div>
diff --git a/packages/react/src/components/Storage/FileUploader/UploadPreviewer/index.tsx b/packages/react/src/components/Storage/FileUploader/UploadPreviewer/index.tsx
index 0b5a8a7eaff..a56e8734c5e 100644
--- a/packages/react/src/components/Storage/FileUploader/UploadPreviewer/index.tsx
+++ b/packages/react/src/components/Storage/FileUploader/UploadPreviewer/index.tsx
@@ -78,6 +78,9 @@ export function UploadPreviewer({
         <View className={ComponentClassName.FileUploaderPreviewerFooterActions}>
           {!isLoading && !isSuccessful && (
             <>
+              <Button size="small" variation="link" onClick={onClear}>
+                {translate('Clear all')}
+              </Button>
               <Button
                 disabled={isDisabled}
                 size="small"
@@ -86,10 +89,6 @@ export function UploadPreviewer({
               >
                 {`${translate('Upload')} ${remainingFilesText}`}
               </Button>
-
-              <Button size="small" variation="link" onClick={onClear}>
-                {translate('Clear all')}
-              </Button>
             </>
           )}
           {isSuccessful && (