add resume icon while paused

This commit is contained in:
MarconLP 2023-04-19 00:39:09 +02:00
parent bb5be1dcca
commit 4b46ed7b4b
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5

View file

@ -3,7 +3,7 @@ import RecordRTC, { invokeSaveAsDialog } from "recordrtc";
import { Listbox, Transition } from "@headlessui/react"; import { Listbox, Transition } from "@headlessui/react";
import { CheckIcon, ChevronUpDownIcon } from "@heroicons/react/20/solid"; import { CheckIcon, ChevronUpDownIcon } from "@heroicons/react/20/solid";
import { MicrophoneIcon, PauseIcon } from "@heroicons/react/24/outline"; import { MicrophoneIcon, PauseIcon } from "@heroicons/react/24/outline";
import { TrashIcon } from "@radix-ui/react-icons"; import { ResumeIcon, TrashIcon } from "@radix-ui/react-icons";
import { StopIcon } from "@heroicons/react/24/solid"; import { StopIcon } from "@heroicons/react/24/solid";
import StopTime from "~/components/StopTime"; import StopTime from "~/components/StopTime";
@ -192,7 +192,14 @@ export default function Recorder() {
onClick={handlePause} onClick={handlePause}
className="cursor-pointer rounded p-1 hover:bg-gray-200" className="cursor-pointer rounded p-1 hover:bg-gray-200"
> >
{pause ? (
<ResumeIcon
className="h-6 w-6 text-gray-400"
aria-hidden="true"
/>
) : (
<PauseIcon className="h-6 w-6 text-gray-400" aria-hidden="true" /> <PauseIcon className="h-6 w-6 text-gray-400" aria-hidden="true" />
)}
</div> </div>
<div <div
onClick={handleDelete} onClick={handleDelete}