diff --git a/src/video-grid/VideoTileContainer.jsx b/src/video-grid/VideoTileContainer.jsx index 23cfe53..be7567e 100644 --- a/src/video-grid/VideoTileContainer.jsx +++ b/src/video-grid/VideoTileContainer.jsx @@ -23,7 +23,6 @@ import { VideoTile } from "./VideoTile"; import { VideoTileSettingsModal } from "./VideoTileSettingsModal"; import { useModalTriggerState } from "../Modal"; - export function VideoTileContainer({ item, width, @@ -56,11 +55,13 @@ export function VideoTileContainer({ isLocal, localVolume ); - const { modalState: videoTileSettingsModalState, modalProps: videoTileSettingsModalProps } = - useModalTriggerState(); + const { + modalState: videoTileSettingsModalState, + modalProps: videoTileSettingsModalProps, + } = useModalTriggerState(); const onOptionsPress = () => { videoTileSettingsModalState.open(); - } + }; // Firefox doesn't respect the disablePictureInPicture attribute // https://bugzilla.mozilla.org/show_bug.cgi?id=1611831 @@ -83,7 +84,12 @@ export function VideoTileContainer({ showOptions={!item.callFeed.isLocal()} {...rest} /> - {videoTileSettingsModalState.isOpen && } + {videoTileSettingsModalState.isOpen && ( + + )} ); } diff --git a/src/video-grid/useCallFeed.js b/src/video-grid/useCallFeed.js index 9ae4e86..963d48a 100644 --- a/src/video-grid/useCallFeed.js +++ b/src/video-grid/useCallFeed.js @@ -46,7 +46,7 @@ export function useCallFeed(callFeed) { } function onLocalVolumeChanged(localVolume) { - setState((prevState) => ({ ...prevState, localVolume })) + setState((prevState) => ({ ...prevState, localVolume })); } function onUpdateCallFeed() { @@ -69,7 +69,10 @@ export function useCallFeed(callFeed) { CallFeedEvent.MuteStateChanged, onMuteStateChanged ); - callFeed.removeListener(CallFeedEvent.LocalVolumeChanged, onLocalVolumeChanged); + callFeed.removeListener( + CallFeedEvent.LocalVolumeChanged, + onLocalVolumeChanged + ); callFeed.removeListener(CallFeedEvent.NewStream, onUpdateCallFeed); } }; diff --git a/src/video-grid/useMediaStream.ts b/src/video-grid/useMediaStream.ts index 1781b7a..6e34f7e 100644 --- a/src/video-grid/useMediaStream.ts +++ b/src/video-grid/useMediaStream.ts @@ -34,7 +34,7 @@ export const useMediaStream = ( stream: MediaStream, audioOutputDevice: string, mute = false, - localVolume: number, + localVolume: number ): RefObject => { const mediaRef = useRef(); @@ -90,7 +90,7 @@ export const useMediaStream = ( if (localVolume === null || localVolume === undefined) return; mediaRef.current.volume = localVolume; - }, [localVolume]) + }, [localVolume]); useEffect(() => { const mediaEl = mediaRef.current; @@ -196,7 +196,7 @@ export const useSpatialMediaStream = ( audioContext: AudioContext, audioDestination: AudioNode, mute = false, - localVolume: number, + localVolume: number ): [RefObject, RefObject] => { const tileRef = useRef(); const [spatialAudio] = useSpatialAudio(); @@ -205,7 +205,7 @@ export const useSpatialMediaStream = ( stream, audioOutputDevice, spatialAudio || mute, - localVolume, + localVolume ); const pannerNodeRef = useRef();