Update to use new icons (thank you)

This commit is contained in:
Gigiaj 2025-06-10 20:00:07 -05:00
parent e42a617fc2
commit e78d1dab14

View file

@ -1,14 +1,10 @@
import { Box, Chip, Icon, IconButton, Icons, Text, Tooltip, TooltipProvider } from 'folds'; import { Box, Chip, Icon, IconButton, Icons, Text, Tooltip, TooltipProvider } from 'folds';
import React from 'react'; import React from 'react';
import { Room } from 'matrix-js-sdk';
import { useMatrixClient } from '../../hooks/useMatrixClient'; import { useMatrixClient } from '../../hooks/useMatrixClient';
import { useCallState } from '../../pages/client/call/CallProvider'; import { useCallState } from '../../pages/client/call/CallProvider';
import { useRoomNavigate } from '../../hooks/useRoomNavigate'; import { useRoomNavigate } from '../../hooks/useRoomNavigate';
type CallNavStatusProps = { export function CallNavStatus() {
space: Room | null;
};
export function CallNavStatus({ space }: CallNavStatusProps) {
const { const {
activeCallRoomId, activeCallRoomId,
isAudioEnabled, isAudioEnabled,
@ -64,7 +60,7 @@ export function CallNavStatus({ space }: CallNavStatusProps) {
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}> <IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}>
<Icon src={!isAudioEnabled ? Icons.VolumeHigh : Icons.VolumeMute} /> <Icon src={!isAudioEnabled ? Icons.Mic : Icons.MicMute} />
</IconButton> </IconButton>
)} )}
</TooltipProvider> </TooltipProvider>
@ -79,7 +75,7 @@ export function CallNavStatus({ space }: CallNavStatusProps) {
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}> <IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}>
<Icon src={!isVideoEnabled ? Icons.Vlc : Icons.Lock} /> <Icon src={!isVideoEnabled ? Icons.VideoCamera : Icons.VideoCameraMute} />
</IconButton> </IconButton>
)} )}
</TooltipProvider> </TooltipProvider>