fix: prop name changes after deps update

slavikdenis · Jan 16, 2023 · 52d3430 · 52d3430 · vercel · Jan 16, 2023
1 parent 893feed
commit 52d3430
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/components/settings/SettingTimerField.tsx b/src/components/settings/SettingTimerField.tsx
@@ -30,7 +30,7 @@ type SettingTimerFieldProps = {
   value: number;
   onChange: (value: number) => void;
   PopoverComponent: ReactNode;
-  disabled?: boolean;
+  isDisabled?: boolean;
   minValue?: number;
   maxValue?: number;
   step?: number;
@@ -43,7 +43,7 @@ const SettingTimerField = ({
   PopoverComponent,
   value,
   onChange,
-  disabled = false,
+  isDisabled = false,
   step = 5,
   minValue,
   maxValue,
@@ -91,8 +91,8 @@ const SettingTimerField = ({
                 w="2rem"
                 h="1.75rem"
                 size="sm"
-                disabled={
-                  disabled || (isNumber(minValue) && value - step < minValue)
+                isDisabled={
+                  isDisabled || (isNumber(minValue) && value - step < minValue)
                 }
                 onClick={() => onChange(value - step)}
               >
@@ -103,16 +103,16 @@ const SettingTimerField = ({
             <NumberInputField
               paddingX="3rem"
               disabled
-              _disabled={disabled ? undefined : {}}
+              _disabled={isDisabled ? undefined : {}}
             />
 
             <InputRightElement paddingRight="0.5rem">
               <Button
                 w="2rem"
                 h="1.75rem"
                 size="sm"
-                disabled={
-                  disabled || (isNumber(maxValue) && value + step > maxValue)
+                isDisabled={
+                  isDisabled || (isNumber(maxValue) && value + step > maxValue)
                 }
                 onClick={() => onChange(value + step)}
               >

diff --git a/src/components/settings/SettingsContent.tsx b/src/components/settings/SettingsContent.tsx
@@ -101,7 +101,7 @@ const SettingsContent = ({
           onChange={(v) => handleTimerChange('autoStopTime', v)}
           minValue={Math.max(AUTO_STOP_MIN, waveTime)}
           maxValue={AUTO_STOP_MAX}
-          disabled={!autoStopTimer}
+          isDisabled={!autoStopTimer}
           PopoverComponent={<AutoStopTimerPopover />}
           CheckboxComponent={
             <Checkbox
@@ -125,7 +125,7 @@ const SettingsContent = ({
           isChecked={screenWakeLock}
           onChange={(v) => setSetting('screenWakeLock', v)}
           PopoverComponent={<ScreenWakeLockPopover />}
-          disabled={!isSWLSupported}
+          isDisabled={!isSWLSupported}
         />
 
         <SettingsSwitchField
@@ -134,7 +134,7 @@ const SettingsContent = ({
           isChecked={vibrations}
           onChange={(v) => setSetting('vibrations', v)}
           PopoverComponent={<VibrationsPopover />}
-          disabled={!isVibSupported}
+          isDisabled={!isVibSupported}
         />
       </Box>
     </>

diff --git a/src/components/settings/SettingsSwitchField.tsx b/src/components/settings/SettingsSwitchField.tsx
@@ -22,7 +22,7 @@ type SettingsSwitchFieldProps = {
   isChecked: boolean;
   onChange: (value: boolean) => void;
   PopoverComponent: ReactNode;
-  disabled?: boolean;
+  isDisabled?: boolean;
 };
 
 const SettingsSwitchField = ({
@@ -31,7 +31,7 @@ const SettingsSwitchField = ({
   PopoverComponent,
   isChecked,
   onChange,
-  disabled = false,
+  isDisabled = false,
 }: SettingsSwitchFieldProps) => {
   return (
     <FormControl id={fieldId}>
@@ -62,7 +62,7 @@ const SettingsSwitchField = ({
           isChecked={isChecked}
           colorScheme="green"
           size="lg"
-          disabled={disabled}
+          isDisabled={isDisabled}
         />
       </Flex>
     </FormControl>