g4borg/cinny
1
0
Fork 0
forked from github/cinny
Code Pull Requests Packages Wiki Activity

Add background variant to buttons

Browse Source
This commit is contained in:
Gigiaj
2025-05-04 07:21:50 -05:00
parent 2e0218c456
commit 2841386972
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/pages/call/CallNavBottom.tsx
View File

@@ -49,7 +49,7 @@ export function CallNavBottom() {
} }
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton ref={triggerRef} onClick={toggleAudio}> <IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}>
<Icon src={!isAudioEnabled ? Icons.VolumeHigh : Icons.VolumeMute} /> <Icon src={!isAudioEnabled ? Icons.VolumeHigh : Icons.VolumeMute} />
</IconButton> </IconButton>
)} )}
@@ -64,7 +64,7 @@ export function CallNavBottom() {
} }
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton ref={triggerRef} onClick={toggleVideo}> <IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}>
<Icon src={!isVideoEnabled ? Icons.Vlc : Icons.Lock} /> <Icon src={!isVideoEnabled ? Icons.Vlc : Icons.Lock} />
</IconButton> </IconButton>
)} )}
@@ -80,7 +80,7 @@ export function CallNavBottom() {
} }
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton ref={triggerRef} onClick={hangUp}> <IconButton variant="Background" ref={triggerRef} onClick={hangUp}>
<Icon src={Icons.Phone} /> <Icon src={Icons.Phone} />
</IconButton> </IconButton>
)} )}
@@ -99,13 +99,13 @@ export function CallNavBottom() {
{(triggerRef) => {(triggerRef) =>
viewedRoomId !== (activeCallRoomId ?? '') ? ( viewedRoomId !== (activeCallRoomId ?? '') ? (
<NavLink ref={triggerRef} to={activeCallRoomId}> <NavLink ref={triggerRef} to={activeCallRoomId}>
<Chip radii="Inherit" size="500" fill="Soft"> <Chip variant="Background" radii="Inherit" size="500" fill="Soft">
{mx.getRoom(activeCallRoomId)?.normalizedName} Active Call: {mx.getRoom(activeCallRoomId)?.normalizedName}
</Chip> </Chip>
</NavLink> </NavLink>
) : ( ) : (
<Chip ref={triggerRef} radii="Inherit" size="500" fill="Soft"> <Chip variant="Background" ref={triggerRef} radii="Inherit" size="500" fill="Soft">
{mx.getRoom(activeCallRoomId)?.normalizedName} Active Call: {mx.getRoom(activeCallRoomId)?.normalizedName}
</Chip> </Chip>
) )
} }