oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

set fullscreen off when remote stream is muted

Browse source
This commit is contained in:
Audric Ackermann 2021-11-03 09:48:08 +11:00
parent 25910be0fd
commit 1f11872870
No known key found for this signature in database
GPG key ID: 999F434D76324AD4
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ts/components/session/calling/CallInFullScreenContainer.tsx
View file

@ -1,4 +1,4 @@
import React from 'react';
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import useKey from 'react-use/lib/useKey';
import styled from 'styled-components';
@ -21,7 +21,7 @@ const CallInFullScreenVisible = styled.div`
left: 0;
display: flex;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.6);
background-color: black;
border: var(--session-border);
opacity: 1;
`;
@ -47,6 +47,14 @@ export const CallInFullScreenContainer = () => {
useKey('Escape', () => {
toggleFullScreenOFF();
});
useEffect(() => {
// close fullscreen mode if the remote video gets muted
if (remoteStreamVideoIsMuted) {
dispatch(setFullScreenCall(false));
}
}, [remoteStreamVideoIsMuted]);
if (
!hasOngoingCall ||
!ongoingCallPubkey ||

2
ts/components/session/calling/InConversationCallContainer.tsx
View file

@ -343,7 +343,7 @@ export const InConversationCallContainer = () => {
showAudioInputMenu(currentConnectedAudioInputs, e);
}}
/>
<ShowInFullScreenButton isDisabled={remoteStreamVideoIsMuted} />
{!remoteStreamVideoIsMuted && <ShowInFullScreenButton />}
</InConvoCallWindowControls>
<VideoInputMenu triggerId={videoTriggerId} camerasList={currentConnectedCameras} />
<AudioInputMenu triggerId={audioTriggerId} audioInputsList={currentConnectedAudioInputs} />