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