From 1621bb17ae4712c55dd6f172c38b310d566be4f2 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Thu, 13 Jul 2023 22:18:10 +0200
Subject: [PATCH] adjust recorder upload and download buttons

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

diff --git a/src/components/Recorder.tsx b/src/components/Recorder.tsx
index bd5bffc..b7a2567 100644
--- a/src/components/Recorder.tsx
+++ b/src/components/Recorder.tsx
@@ -381,13 +381,6 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
             <button
               type="button"
               className="inline-flex items-center rounded-md bg-indigo-500 px-4 py-2 text-sm font-semibold leading-6 text-white shadow transition duration-150 ease-in-out hover:bg-indigo-400 disabled:cursor-not-allowed"
-              onClick={() => void handleSave()}
-            >
-              Download
-            </button>
-            <button
-              type="button"
-              className="ml-2 inline-flex items-center rounded-md bg-indigo-500 px-4 py-2 text-sm font-semibold leading-6 text-white shadow transition duration-150 ease-in-out hover:bg-indigo-400 disabled:cursor-not-allowed"
               disabled={submitting}
               onClick={() => void handleUpload()}
             >
@@ -416,9 +409,16 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
                   Uploading...
                 </>
               ) : (
-                <>Upload</>
+                <>Save to cloud</>
               )}
             </button>
+            <button
+              type="button"
+              className="ml-2 inline-flex items-center rounded-md px-4 py-2 text-sm font-semibold leading-6 underline transition duration-150 ease-in-out disabled:cursor-not-allowed"
+              onClick={() => void handleSave()}
+            >
+              Download to device
+            </button>
             <button
               type="button"
               className="ml-auto inline-flex items-center rounded-md bg-[#dc2625] px-4 py-2 text-sm font-semibold leading-6 text-white shadow transition duration-150 ease-in-out hover:opacity-80 disabled:cursor-not-allowed"