adjust recorder upload and download buttons

This commit is contained in:
MarconLP 2023-07-13 22:18:10 +02:00
parent f762c04140
commit 1621bb17ae
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5

View file

@ -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"