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

Place holder buttons

Browse source
This commit is contained in:
GigiaJ 2025-04-22 00:27:55 -04:00
parent 7beb8411a9
commit 5677042157
1 changed files with 28 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/app/pages/call/CallNavBottom.tsx
View file

@ -1,7 +1,7 @@
import { logger } from 'matrix-js-sdk/lib/logger';
import { useMatrixClient } from '../../hooks/useMatrixClient';
import { useCallState } from '../client/CallProvider';
import { Box, Text } from 'folds';
import { Box, Icon, IconButton, Icons, Text } from 'folds';
export function CallNavBottom() {
const {
@ -42,24 +42,36 @@ export function CallNavBottom() {
);
}
//Muted:{(!isAudioEnabled).toString()}
//Videosn't:{(!isVideoEnabled).toString()}
/*
*/
return (
<Box direction="Column">
<Box
direction="Row"
gap="500"
direction="Column"
style={{
flexShrink: 0,
borderTop: `1px solid #e0e0e0`,
justifyContent: 'center',
}}
>
<Box direction="Row" style={{ justifyContent: 'center' }}>
{/* Going to need better icons for this */}
<button onClick={toggleAudio}> Muted:{(!isAudioEnabled).toString()} </button>
<button onClick={toggleVideo}> Videosn't:{(!isVideoEnabled).toString()} </button>
<IconButton onClick={toggleAudio}>
<Icon src={!isAudioEnabled ? Icons.VolumeHigh : Icons.VolumeMute} />
</IconButton>
<IconButton onClick={toggleVideo}>
<Icon src={!isVideoEnabled ? Icons.Vlc : Icons.Lock}></Icon>
</IconButton>
<IconButton onClick={hangUp}>
<Icon src={Icons.Phone}></Icon>
</IconButton>
</Box>
<Box>
<button onClick={hangUp}> Hangup </button>
</Box>
<Box>{mx.getRoom(activeCallRoomId)?.normalizedName}</Box>
<Box style={{ justifyContent: 'center' }}>{mx.getRoom(activeCallRoomId)?.normalizedName}</Box>
</Box>
);
}