Invert icons to show the state instead of the action they will perform (more visual clarity)

This commit is contained in:
Gigiaj 2025-06-10 20:40:45 -05:00
parent 02ac70affc
commit daadbe4358

View file

@ -60,7 +60,7 @@ export function CallNavStatus() {
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}> <IconButton variant="Background" ref={triggerRef} onClick={toggleAudio}>
<Icon src={!isAudioEnabled ? Icons.Mic : Icons.MicMute} /> <Icon src={!isAudioEnabled ? Icons.MicMute : Icons.Mic} />
</IconButton> </IconButton>
)} )}
</TooltipProvider> </TooltipProvider>
@ -75,7 +75,7 @@ export function CallNavStatus() {
> >
{(triggerRef) => ( {(triggerRef) => (
<IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}> <IconButton variant="Background" ref={triggerRef} onClick={toggleVideo}>
<Icon src={!isVideoEnabled ? Icons.VideoCamera : Icons.VideoCameraMute} /> <Icon src={!isVideoEnabled ? Icons.VideoCameraMute : Icons.VideoCamera} />
</IconButton> </IconButton>
)} )}
</TooltipProvider> </TooltipProvider>