diff --git a/lib/KeyboardShortcuts.tsx b/lib/KeyboardShortcuts.tsx index e9e420a..5a0c659 100644 --- a/lib/KeyboardShortcuts.tsx +++ b/lib/KeyboardShortcuts.tsx @@ -2,34 +2,30 @@ import React from 'react'; import { Track } from 'livekit-client'; -import { useLocalParticipant, useTrackToggle } from '@livekit/components-react'; +import { useTrackToggle } from '@livekit/components-react'; export function KeyboardShortcuts() { - const _ = useLocalParticipant(); - const { toggle: toggleMic, enabled: micEnabled } = useTrackToggle({ source: Track.Source.Microphone }); - const { toggle: toggleCamera, enabled: cameraEnabled } = useTrackToggle({ source: Track.Source.Camera }); + const { toggle: toggleMic } = useTrackToggle({ source: Track.Source.Microphone }); + const { toggle: toggleCamera } = useTrackToggle({ source: Track.Source.Camera }); React.useEffect(() => { function handleShortcut(event: KeyboardEvent) { // Toggle microphone: Cmd/Ctrl-Shift-A if (toggleMic && event.key === 'A' && (event.ctrlKey || event.metaKey)) { event.preventDefault(); - toggleMic(!micEnabled, true); + toggleMic(); } // Toggle camera: Cmd/Ctrl-Shift-V if (event.key === 'V' && (event.ctrlKey || event.metaKey)) { event.preventDefault(); - toggleCamera(!cameraEnabled, true); + toggleCamera(); } } window.addEventListener('keydown', handleShortcut); return () => window.removeEventListener('keydown', handleShortcut); - }, [ - toggleMic, micEnabled, - toggleCamera, cameraEnabled, - ]); + }, [toggleMic, toggleCamera]); return null; }