diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx index d27dd2c..3446d4a 100644 --- a/src/room/InCallView.tsx +++ b/src/room/InCallView.tsx @@ -75,6 +75,8 @@ import { NewVideoGrid } from "../video-grid/NewVideoGrid"; import { OTelGroupCallMembership } from "../otel/OTelGroupCallMembership"; import { SettingsModal } from "../settings/SettingsModal"; import { InviteModal } from "./InviteModal"; +import { useRageshakeRequestModal } from "../settings/submit-rageshake"; +import { RageshakeRequestModal } from "./RageshakeRequestModal"; const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {}); // There is currently a bug in Safari our our code with cloning and sending MediaStreams @@ -340,6 +342,11 @@ export function InCallView({ ); }; + const { + modalState: rageshakeRequestModalState, + modalProps: rageshakeRequestModalProps, + } = useRageshakeRequestModal(groupCall.room.roomId); + const { modalState: settingsModalState, modalProps: settingsModalProps, @@ -469,10 +476,16 @@ export function InCallView({ otelGroupCallMembership={otelGroupCallMembership} show={showInspector} /> + {rageshakeRequestModalState.isOpen && !noControls && ( + + )} {settingsModalState.isOpen && ( )} diff --git a/src/room/PTTCallView.tsx b/src/room/PTTCallView.tsx index af5437d..44b4d74 100644 --- a/src/room/PTTCallView.tsx +++ b/src/room/PTTCallView.tsx @@ -309,7 +309,7 @@ export const PTTCallView: React.FC = ({ {settingsModalState.isOpen && ( )}