From b5c43616491cdcaf040225270c902af7dc329b37 Mon Sep 17 00:00:00 2001
From: Jose B <jose.zdy@gmail.com>
Date: Wed, 23 Aug 2023 15:05:48 -0500
Subject: [PATCH] add typing

---
 www/app/transcripts/new/page.tsx |  3 ++-
 www/app/transcripts/recorder.tsx | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/www/app/transcripts/new/page.tsx b/www/app/transcripts/new/page.tsx
index 06908e89..4eb5f47c 100644
--- a/www/app/transcripts/new/page.tsx
+++ b/www/app/transcripts/new/page.tsx
@@ -48,9 +48,10 @@ const App = () => {
               webRTC?.peer?.send(JSON.stringify({ cmd: "STOP" }));
               setStream(null);
             }}
+            topics={webSockets.topics}
             getAudioStream={getAudioStream}
             audioDevices={audioDevices}
-            topics={webSockets.topics}
+            useActiveTopic={useActiveTopic}
           />
 
           <Dashboard
diff --git a/www/app/transcripts/recorder.tsx b/www/app/transcripts/recorder.tsx
index 0e3c01d7..6467494f 100644
--- a/www/app/transcripts/recorder.tsx
+++ b/www/app/transcripts/recorder.tsx
@@ -11,6 +11,7 @@ import Dropdown, { Option } from "react-dropdown";
 import "react-dropdown/style.css";
 
 import { formatTime } from "../lib/time";
+import { Topic } from "./webSocketTypes";
 
 const AudioInputsDropdown: React.FC<{
   audioDevices: Option[];
@@ -40,7 +41,19 @@ const AudioInputsDropdown: React.FC<{
   );
 };
 
-export default function Recorder(props: any) {
+type RecorderProps = {
+  setStream: React.Dispatch<React.SetStateAction<MediaStream | null>>;
+  onStop: () => void;
+  topics: Topic[];
+  getAudioStream: (deviceId: string | null) => Promise<MediaStream | null>;
+  audioDevices: Option[];
+  useActiveTopic: [
+    Topic | null,
+    React.Dispatch<React.SetStateAction<Topic | null>>,
+  ];
+};
+
+export default function Recorder(props: RecorderProps) {
   const waveformRef = useRef<HTMLDivElement>(null);
   const [wavesurfer, setWavesurfer] = useState<WaveSurfer | null>(null);
   const [record, setRecord] = useState<RecordPlugin | null>(null);