From ed3b92fafb949ccdd45996a52bbea2719d544e9f Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Tue, 15 Aug 2023 10:21:41 +0000
Subject: [PATCH] added two thumb slider for device auto brightness

---
 src/Screens/Device/settings.js | 40 +++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/Screens/Device/settings.js b/src/Screens/Device/settings.js
index f491cc6..2fc46c0 100644
--- a/src/Screens/Device/settings.js
+++ b/src/Screens/Device/settings.js
@@ -14,17 +14,13 @@ import { useTranslation } from "react-i18next";
 import MySwitch from "../../Components/Switch";
 import MyButton, { MyIconButton } from "../../Components/Button";
 import { MyBottomSheetModal } from "../../Components/Modal";
-import { Slider } from "@miblanchard/react-native-slider";
-import {
-  MySliderContainer,
-  MyTwoThumbsSlider,
-  SliderContainer,
-} from "../../Components/Slider";
+import { MyTwoThumbsSlider } from "../../Components/Slider";
 
 export default function SettingsView({ navigation }) {
   const appContext = useContext(AppContext);
   const { t } = useTranslation();
-  const [switchState, setSwitchState] = useState(false);
+  const [switchWifiStandby, setSwitchWifiStandby] = useState(false);
+  const [switchAutoBrightness, setSwitchAutoBrightness] = useState(false);
   const [textDeviceIdHidden, setTextDeviceIdHidden] = useState(true);
   const [textDeviceMacAddressHidden, setTextDeviceMacAddressHidden] =
     useState(true);
@@ -113,19 +109,33 @@ export default function SettingsView({ navigation }) {
           />
 
           <MySwitch
-            value={switchState}
-            onValueChange={(e) => setSwitchState(e)}
+            value={switchWifiStandby}
+            onValueChange={(e) => setSwitchWifiStandby(e)}
           />
         </View>
 
         <Divider />
 
-        <SettingsText
-          title={t("screens.device.settings.deviceAutoBrightnessTitle")}
-          description={t(
-            "screens.device.settings.deviceAutoBrightnessDescription"
-          )}
-        />
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+          }}
+        >
+          <SettingsText
+            containerStyle={{ width: "80%" }}
+            title={t("screens.device.settings.deviceAutoBrightnessTitle")}
+            description={t(
+              "screens.device.settings.deviceAutoBrightnessDescription"
+            )}
+          />
+
+          <MySwitch
+            value={switchAutoBrightness}
+            onValueChange={(e) => setSwitchAutoBrightness(e)}
+          />
+        </View>
 
         <MyTwoThumbsSlider
           appContext={appContext}