Removing changes made to LCD Brightness slider as that will be refactored and handled in WAS Backend

Author: nikito

misc/helperfunctions.tsx

@@ -116,7 +116,7 @@ export async function handleSubmit(
     mqtt_tls:
       generalSettingsForm.command_endpoint == 'MQTT' ? !!generalSettingsForm.mqtt_tls : undefined,
     speaker_volume: parseIntOrUndef(generalSettingsForm.speaker_volume),
-    lcd_brightness: (parseIntOrUndef(generalSettingsForm.lcd_brightness) ?? 0) * 10,
+    lcd_brightness: parseIntOrUndef(generalSettingsForm.lcd_brightness),
     display_timeout: parseIntOrUndef(generalSettingsForm.display_timeout),
     wake_confirmation: !!generalSettingsForm.wake_confirmation,
     timezone: tzDictionary[generalSettingsForm.timezone],

pagecomponents/GeneralSettingsSection.tsx

@@ -99,22 +99,22 @@ export default function GeneralSettingsSection({
   const handleLcdBrightnessInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     setFieldStateHelper(
       'lcd_brightness',
-      event.target.value === '' ? undefined : Number(event.target.value) * 10
+      event.target.value === '' ? undefined : Number(event.target.value)
     );
     setChangesMade(true);
   };
 
   const handleLcdBrightnessSliderChange = (event: Event, newValue: number | number[]) => {
-    setFieldStateHelper('lcd_brightness', (newValue as number) * 10);
+    setFieldStateHelper('lcd_brightness', newValue as number);
     setChangesMade(true);
   };
 
   const handleLcdBrightnessBlur = () => {
     const lcdBrightnessValue = fieldState.lcd_brightness;
     if (lcdBrightnessValue && lcdBrightnessValue < 0) {
       setFieldStateHelper('lcd_brightness', 0);
-    } else if (lcdBrightnessValue && lcdBrightnessValue > 1000) {
-      setFieldStateHelper('lcd_brightness', 1000);
+    } else if (lcdBrightnessValue && lcdBrightnessValue > 1023) {
+      setFieldStateHelper('lcd_brightness', 1023);
     } else if (!lcdBrightnessValue) {
       setFieldStateHelper(
         'lcd_brightness',
@@ -124,10 +124,6 @@ export default function GeneralSettingsSection({
     setChangesMade(true);
   };
 
-  const brightnessValueFormat = (value: number) => {
-    return `${value}%`;
-  };
-
   // Handlers for Display Timeout Slider and Input
   const handleDisplayTimeoutInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     setFieldStateHelper(
@@ -409,32 +405,29 @@ export default function GeneralSettingsSection({
         <Brightness4Icon />
         <Slider
           name="lcd_brightness"
-          value={(fieldState.lcd_brightness ?? 0) / 10}
+          value={fieldState.lcd_brightness}
           onChange={handleLcdBrightnessSliderChange}
           min={0}
-          max={100}
+          max={1023}
           size="small"
           step={10}
-          getAriaValueText={brightnessValueFormat}
-          valueLabelFormat={brightnessValueFormat}
           valueLabelDisplay="auto"
         />
         <Brightness5Icon />
         <Input
-          value={(fieldState.lcd_brightness ?? 0) / 10}
+          value={fieldState.lcd_brightness}
           size="small"
           onChange={handleLcdBrightnessInputChange}
           onBlur={handleLcdBrightnessBlur}
           inputProps={{
             step: 1,
             min: 0,
-            max: 100,
+            max: 1023,
             type: 'number',
             'aria-labelledby': 'input-slider',
           }}
           sx={{ width: 55 }}
         />
-        %
       </Stack>
       <InputLabel>Display Timeout</InputLabel>
       <Stack spacing={2} direction="row" sx={{ mb: 1 }} alignItems="center">