Enable rageshake on PTT mode

By putting another 'Submit Feedback' button in the developer section
of the setting modal (we can work out a better place for it).
This commit is contained in:
David Baker
2022-05-16 16:58:39 +01:00
parent 2a19a9964d
commit b3285974f9
3 changed files with 32 additions and 2 deletions

View File

@@ -37,6 +37,8 @@ import { getAvatarUrl } from "../matrix-utils";
import { ReactComponent as AudioIcon } from "../icons/Audio.svg";
import { usePTTSounds } from "../sound/usePttSounds";
import { PTTClips } from "../sound/PTTClips";
import { GroupCallInspector } from "./GroupCallInspector";
import { FeedbackModal } from "./FeedbackModal";
function getPromptText(
showTalkOverError: boolean,
@@ -102,6 +104,8 @@ export const PTTCallView: React.FC<Props> = ({
useModalTriggerState();
const { modalState: settingsModalState, modalProps: settingsModalProps } =
useModalTriggerState();
const { modalState: feedbackModalState, modalProps: feedbackModalProps } =
useModalTriggerState();
const [containerRef, bounds] = useMeasure({ polyfill: ResizeObserver });
const facepileSize = bounds.width < 800 ? "sm" : "md";
const pttButtonSize = 232;
@@ -148,6 +152,13 @@ export const PTTCallView: React.FC<Props> = ({
startTalkingRemoteRef={startTalkingRemoteRef}
blockedRef={blockedRef}
/>
<GroupCallInspector
client={client}
groupCall={groupCall}
// Never shown in PTT mode, but must be present to collect call state
// https://github.com/vector-im/element-call/issues/328
show={false}
/>
<Header className={styles.header}>
<LeftNav>
<RoomSetupHeaderInfo roomName={roomName} onPress={onLeave} />
@@ -232,6 +243,14 @@ export const PTTCallView: React.FC<Props> = ({
{...settingsModalProps}
setShowInspector={setShowInspector}
showInspector={showInspector}
showFeedbackDialog={feedbackModalState.open}
/>
)}
{feedbackModalState.isOpen && (
<FeedbackModal
{...feedbackModalProps}
roomId={groupCall?.room.roomId}
inCall
/>
)}
{inviteModalState.isOpen && (