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