forked from github/cinny
Invert icons to show the state instead of the action they will perform (more visual clarity)
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user