From 4b46ed7b4bd500a231a1468c781035e1ddff271b Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Wed, 19 Apr 2023 00:39:09 +0200
Subject: [PATCH] add resume icon while paused

---
 src/components/Recorder.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Recorder.tsx b/src/components/Recorder.tsx
index 322a294..0ffbfcb 100644
--- a/src/components/Recorder.tsx
+++ b/src/components/Recorder.tsx
@@ -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}