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) => (
|
{(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>
|
||||||
|
|||||||
Reference in New Issue
Block a user