Fix Issue With Checkbox not Updating on AniDB Settings.

ShokoAnime · Oct 29, 2023 · ffb37b5 · ffb37b5
1 parent bc96d23
commit ffb37b5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/pages/settings/SettingsPage.tsx b/src/pages/settings/SettingsPage.tsx
@@ -517,7 +517,7 @@ export const initialSettings = {
 type ContextType = {
   newSettings: SettingsType;
   setNewSettings: (settings: SettingsType) => void;
-  updateSetting: (type: string, key: string, value: string) => void;
+  updateSetting: (type: string, key: string, value: string | boolean) => void;
 };
 
 function SettingsPage() {

diff --git a/src/pages/settings/tabs/AniDBSettings.tsx b/src/pages/settings/tabs/AniDBSettings.tsx
@@ -179,28 +179,28 @@ function AniDBSettings() {
             label="Character Images"
             id="character-images"
             isChecked={DownloadCharacters}
-            onChange={event => updateSetting('AniDb', 'DownloadCharacters', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'DownloadCharacters', event.target.checked)}
           />
           <Checkbox
             justify
             label="Creator Images"
             id="creator-images"
             isChecked={DownloadCreators}
-            onChange={event => updateSetting('AniDb', 'DownloadCreators', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'DownloadCreators', event.target.checked)}
           />
           <Checkbox
             justify
             label="Release Groups"
             id="release-groups"
             isChecked={DownloadReleaseGroups}
-            onChange={event => updateSetting('AniDb', 'DownloadReleaseGroups', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'DownloadReleaseGroups', event.target.checked)}
           />
           <Checkbox
             justify
             label="Related Anime"
             id="related-anime"
             isChecked={DownloadRelatedAnime}
-            onChange={event => updateSetting('AniDb', 'DownloadRelatedAnime', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'DownloadRelatedAnime', event.target.checked)}
           />
           <div
             className={cx(
@@ -228,35 +228,35 @@ function AniDBSettings() {
             label="Add Files"
             id="add-files"
             isChecked={MyList_AddFiles}
-            onChange={event => updateSetting('AniDb', 'MyList_AddFiles', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'MyList_AddFiles', event.target.checked)}
           />
           <Checkbox
             justify
             label="Read Watched"
             id="read-watched"
             isChecked={MyList_ReadWatched}
-            onChange={event => updateSetting('AniDb', 'MyList_ReadWatched', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'MyList_ReadWatched', event.target.checked)}
           />
           <Checkbox
             justify
             label="Read Unwatched"
             id="read-unwatched"
             isChecked={MyList_ReadUnwatched}
-            onChange={event => updateSetting('AniDb', 'MyList_ReadUnwatched', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'MyList_ReadUnwatched', event.target.checked)}
           />
           <Checkbox
             justify
             label="Set Watched"
             id="set-watched"
             isChecked={MyList_SetWatched}
-            onChange={event => updateSetting('AniDb', 'MyList_SetWatched', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'MyList_SetWatched', event.target.checked)}
           />
           <Checkbox
             justify
             label="Set Unwatched"
             id="set-unwatched"
             isChecked={MyList_SetUnwatched}
-            onChange={event => updateSetting('AniDb', 'MyList_SetUnwatched', event.target.checked.toString())}
+            onChange={event => updateSetting('AniDb', 'MyList_SetUnwatched', event.target.checked)}
           />
           <div className="flex items-center justify-between">
             <span>Storage State</span>