From 43d40fb24b745cc05051b2a0adb06321d8de1434 Mon Sep 17 00:00:00 2001
From: Saelmala <sandra.larsson@eyevinn.se>
Date: Mon, 16 Dec 2024 11:47:43 +0100
Subject: [PATCH] fix: disabled button if slider is 0

---
 src/components/production-line/production-line.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/production-line/production-line.tsx b/src/components/production-line/production-line.tsx
index 2549a29..99c28c3 100644
--- a/src/components/production-line/production-line.tsx
+++ b/src/components/production-line/production-line.tsx
@@ -108,6 +108,10 @@ const UserControlBtn = styled(ActionButton)`
   background: rgba(50, 56, 59, 1);
   border: 0.2rem solid #6d6d6d;
   width: 100%;
+
+  &:disabled {
+    background: rgba(50, 56, 59, 0.5);
+  }
 `;
 
 const LongPressWrapper = styled.div`
@@ -506,7 +510,11 @@ export const ProductionLine = ({
               />
               <FlexContainer>
                 <FlexButtonWrapper className="first">
-                  <UserControlBtn type="button" onClick={() => muteOutput()}>
+                  <UserControlBtn
+                    type="button"
+                    onClick={() => muteOutput()}
+                    disabled={value === 0}
+                  >
                     <ButtonIcon>
                       {isOutputMuted ? <SpeakerOff /> : <SpeakerOn />}
                     </ButtonIcon>