add typing

This commit is contained in:
Jose B
2023-08-23 15:05:48 -05:00
parent b399e03f41
commit b5c4361649
2 changed files with 16 additions and 2 deletions

View File

@@ -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

View File

@@ -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);