adjust recorder upload and download buttons

MarconLP · Jul 13, 2023 · 1621bb1 · 1621bb1 · vercel · Jul 13, 2023
1 parent f762c04
commit 1621bb1
Showing 1 changed file with 8 additions and 8 deletions.
diff --git 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"