From e2ba916875420cb498f1c52a582b442957c3ca7f Mon Sep 17 00:00:00 2001
From: mishamyrt <misha@myrt.co>
Date: Fri, 3 May 2024 23:47:56 +0300
Subject: [PATCH] fix: disable controls on backlight off

---
 CHANGELOG.md                                                | 6 ++++++
 .../select-brightness/ui/LightsBrightnessSlider.svelte      | 3 +++
 .../lights/select-color/ui/LightsColorSelector.svelte       | 3 ++-
 .../features/lights/select-mode/ui/LightsModeSelect.svelte  | 3 +++
 .../lights/select-speed/ui/LightsSpeedSlider.svelte         | 3 ++-
 5 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b25207b..9fff070 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog][],
 and this project adheres to [Semantic Versioning][].
 
+## 2.3.2
+
+### Fixed
+
+- When the backlight is turned off, its settings are disabled.
+
 ## [2.3.1]
 
 ### Added
diff --git a/ui/src/features/lights/select-brightness/ui/LightsBrightnessSlider.svelte b/ui/src/features/lights/select-brightness/ui/LightsBrightnessSlider.svelte
index 41e850e..b4f2391 100644
--- a/ui/src/features/lights/select-brightness/ui/LightsBrightnessSlider.svelte
+++ b/ui/src/features/lights/select-brightness/ui/LightsBrightnessSlider.svelte
@@ -18,10 +18,13 @@
       brightness: e.detail as LightStateValue,
     })
   }
+
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsBrightnessSlider'}>
   <Slider
+    {disabled}
     min={0}
     max={4}
     step={1}
diff --git a/ui/src/features/lights/select-color/ui/LightsColorSelector.svelte b/ui/src/features/lights/select-color/ui/LightsColorSelector.svelte
index 63005bb..89dc34d 100644
--- a/ui/src/features/lights/select-color/ui/LightsColorSelector.svelte
+++ b/ui/src/features/lights/select-color/ui/LightsColorSelector.svelte
@@ -49,12 +49,13 @@
   $: colors = supportsRandom ? ['random', ...modeColors] : modeColors
   $: colorIndex = $stateStore[domain].color
   $: index = colorIndex === 7 ? 0 : supportsRandom ? colorIndex + 1 : colorIndex
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsColorSelector'}>
   <ColorSelector
     {index}
-    disabled={!supportsColor}
+    disabled={disabled || !supportsColor}
     options={colors}
     primaryProp="index"
     on:change={handleChange}
diff --git a/ui/src/features/lights/select-mode/ui/LightsModeSelect.svelte b/ui/src/features/lights/select-mode/ui/LightsModeSelect.svelte
index f4de2c8..180c4ac 100644
--- a/ui/src/features/lights/select-mode/ui/LightsModeSelect.svelte
+++ b/ui/src/features/lights/select-mode/ui/LightsModeSelect.svelte
@@ -22,11 +22,14 @@
     title: m.name,
     disabled: m.code === 18, // Disable custom mode
   }))
+
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsModeSelect'}>
   <Select
     {options}
+    {disabled}
     value={$stateStore[domain].mode.toString()}
     on:change={handleChange}
   />
diff --git a/ui/src/features/lights/select-speed/ui/LightsSpeedSlider.svelte b/ui/src/features/lights/select-speed/ui/LightsSpeedSlider.svelte
index e2cf2d9..c37684f 100644
--- a/ui/src/features/lights/select-speed/ui/LightsSpeedSlider.svelte
+++ b/ui/src/features/lights/select-speed/ui/LightsSpeedSlider.svelte
@@ -23,11 +23,12 @@
   $: modeCode = $stateStore[domain].mode
   $: mode = $modesStore[domain].find((m) => m.code === modeCode)
   $: supportsSpeed = mode?.supports.speed ?? false
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsSpeedSlider'}>
   <Slider
-    disabled={!supportsSpeed}
+    disabled={disabled || !supportsSpeed}
     min={0}
     max={4}
     step={1}