mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-06 15:30:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Enable chat toggle for call rooms (still needs cleaner UI, but works as intended)

Browse source
This commit is contained in:
GigiaJ 2025-04-22 22:29:43 -04:00
parent c8790a5284
commit 6691467545
1 changed files with 23 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/app/pages/call/PersistentCallContainer.tsx
View file

@ -21,18 +21,22 @@ import { useClientConfig } from '../../hooks/useClientConfig';
import { RoomView } from '../../features/room/RoomView';
import { useParams } from 'react-router-dom';
import { PowerLevelsContainer } from './PowerLevelsContainer';
import { ScreenSize, useScreenSizeContext } from '../../hooks/useScreenSize';
interface PersistentCallContainerProps {
isVisible: boolean;
}
export function PersistentCallContainer({ isVisible }: PersistentCallContainerProps) {
const { activeCallRoomId, setActiveCallRoomId, registerActiveTransport } = useCallState();
const { activeCallRoomId, isChatOpen, setActiveCallRoomId, registerActiveTransport } =
useCallState();
const { eventId } = useParams();
const mx = useMatrixClient();
const roomId = useSelectedRoom();
const clientConfig = useClientConfig();
const room = mx.getRoom(roomId) ?? null;
const screenSize = useScreenSizeContext();
const isMobile = screenSize === ScreenSize.Mobile;
logger.info(room);
@ -167,7 +171,14 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
<Box
direction="Column"
style={{ position: 'relative', height: '100%', width: '100%', overflow: 'hidden' }}
style={{
position: 'relative',
overflow: 'hidden',
zIndex: 0,
display: isMobile && isChatOpen ? 'none' : 'flex',
width: isMobile && isChatOpen ? '0%' : '100%',
height: isMobile && isChatOpen ? '0%' : '100%',
}}
>
{activeCallRoomId && roomId && room !== null && (
<Box direction="Column" style={{ width: '100%' }}>
@ -176,13 +187,19 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
</PowerLevelsContainer>
</Box>
)}
<Box grow="Yes" style={{ position: 'relative' }}>
<Box
grow="Yes"
style={{
position: 'relative',
}}
>
<iframe
ref={iframeRef}
style={{
position: 'absolute',
top: 0,
left: 0,
// display: isMobile && isChatOpen ? 'none' : 'flex',
width: '100%',
height: '100%',
border: 'none',
@ -194,8 +211,9 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
/>
</Box>
</Box>
<Box direction="Column" style={{ position: 'relative' }}>
{false && activeCallRoomId && roomId && room !== null && (
<Box grow="Yes" direction="Column" style={{ position: 'relative' }}>
{/* Mobile should remove the iframe visibility when chat is toggled */}
{isChatOpen && activeCallRoomId && roomId && room !== null && (
<PowerLevelsContainer>
<RoomView room={room} eventId={eventId} />
</PowerLevelsContainer>