fix: speaker-icon is red when audio-output is 0 (#312)

Eyevinn · Jan 20, 2025 · a2b06e8 · a2b06e8
1 parent ab93ff6
commit a2b06e8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/production-line/minified-user-controls.tsx b/src/components/production-line/minified-user-controls.tsx
@@ -39,7 +39,7 @@ export const MinifiedUserControls = ({
         {line &&
           !(line?.programOutputLine && joinProductionOptions.isProgramUser) && (
             <MinifiedControlsButton
-              className={isOutputMuted ? "off" : "on"}
+              className={isOutputMuted || value === 0 ? "off" : "on"}
               onClick={setIsOutputMuted}
             >
               {isOutputMuted || value === 0 ? <SpeakerOff /> : <SpeakerOn />}

diff --git a/src/components/production-line/user-controls.tsx b/src/components/production-line/user-controls.tsx
@@ -54,7 +54,9 @@ export const UserControls = ({
               onClick={muteOutput}
               disabled={value === 0}
             >
-              <ButtonIcon className={isOutputMuted ? "mute" : "unmuted"}>
+              <ButtonIcon
+                className={isOutputMuted || value === 0 ? "mute" : "unmuted"}
+              >
                 {isOutputMuted || value === 0 ? <SpeakerOff /> : <SpeakerOn />}
               </ButtonIcon>
             </UserControlBtn>