diff --git a/src/Room.jsx b/src/Room.jsx index 4b33f18..09c22fa 100644 --- a/src/Room.jsx +++ b/src/Room.jsx @@ -32,6 +32,7 @@ import { GroupCallState } from "matrix-js-sdk/src/webrtc/groupCall"; import VideoGrid, { useVideoGridLayout, } from "matrix-react-sdk/src/components/views/voip/GroupCallView/VideoGrid"; +import SimpleVideoGrid from "matrix-react-sdk/src/components/views/voip/GroupCallView/SimpleVideoGrid"; import "matrix-react-sdk/res/css/views/voip/GroupCallView/_VideoGrid.scss"; import { useGroupCall } from "matrix-react-sdk/src/hooks/useGroupCall"; import { useCallFeed } from "matrix-react-sdk/src/hooks/useCallFeed"; @@ -66,9 +67,13 @@ function useLoadGroupCall(client, roomId) { export function Room({ client }) { const { roomId: maybeRoomId } = useParams(); - const { hash } = useLocation(); + const { hash, search } = useLocation(); const roomId = maybeRoomId || hash; const { loading, error, groupCall } = useLoadGroupCall(client, roomId); + const simpleGrid = useMemo( + () => new URLSearchParams(search).has("simple"), + [search] + ); useEffect(() => { window.groupCall = groupCall; @@ -92,12 +97,16 @@ export function Room({ client }) { return (
Waiting for other participants...