add resume icon while paused
This commit is contained in:
parent
bb5be1dcca
commit
4b46ed7b4b
1 changed files with 9 additions and 2 deletions
|
|
@ -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"
|
||||||
>
|
>
|
||||||
<PauseIcon className="h-6 w-6 text-gray-400" aria-hidden="true" />
|
{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" />
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
onClick={handleDelete}
|
onClick={handleDelete}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue