adjust recorder upload and download buttons
This commit is contained in:
parent
f762c04140
commit
1621bb17ae
1 changed files with 8 additions and 8 deletions
|
|
@ -381,13 +381,6 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
|
||||||
<button
|
<button
|
||||||
type="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"
|
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}
|
disabled={submitting}
|
||||||
onClick={() => void handleUpload()}
|
onClick={() => void handleUpload()}
|
||||||
>
|
>
|
||||||
|
|
@ -416,9 +409,16 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
|
||||||
Uploading...
|
Uploading...
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<>Upload</>
|
<>Save to cloud</>
|
||||||
)}
|
)}
|
||||||
</button>
|
</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
|
<button
|
||||||
type="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"
|
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"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue