admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

add resume icon while paused

Browse source
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
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Recorder.tsx
View file

@ -3,7 +3,7 @@ import RecordRTC, { invokeSaveAsDialog } from "recordrtc";
import { Listbox, Transition } from "@headlessui/react";
import { CheckIcon, ChevronUpDownIcon } from "@heroicons/react/20/solid";
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 StopTime from "~/components/StopTime";
@ -192,7 +192,14 @@ export default function Recorder() {
onClick={handlePause}
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
onClick={handleDelete}