Make related anime settings somewhat clear (#1135)

ShokoAnime · Nov 5, 2024 · b01e9e8 · b01e9e8
1 parent d3b462e
commit b01e9e8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 16 deletions.
diff --git a/src/pages/firstrun/MetadataSourcesTabs/AniDBTab.tsx b/src/pages/firstrun/MetadataSourcesTabs/AniDBTab.tsx
@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import React from 'react';
-import cx from 'classnames';
 
 import Checkbox from '@/components/Input/Checkbox';
 import InputSmall from '@/components/Input/InputSmall';
@@ -80,18 +79,13 @@ function AniDBTab({ setStatus }: Props) {
           justify
         />
         <Checkbox
-          label="Related Anime"
+          label="Always Download Related Anime"
           id="DownloadRelatedAnime"
           isChecked={DownloadRelatedAnime}
           onChange={handleInputChange}
           justify
         />
-        <div
-          className={cx(
-            'flex justify-between items-center transition-opacity',
-            !DownloadRelatedAnime && 'pointer-events-none opacity-65',
-          )}
-        >
+        <div className="flex items-center justify-between transition-opacity">
           Related Depth
           <InputSmall
             id="max-relation-depth"

diff --git a/src/pages/settings/tabs/AniDBSettings.tsx b/src/pages/settings/tabs/AniDBSettings.tsx
@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import React from 'react';
-import cx from 'classnames';
 
 import Button from '@/components/Input/Button';
 import Checkbox from '@/components/Input/Checkbox';
@@ -149,17 +148,12 @@ function AniDBSettings() {
           />
           <Checkbox
             justify
-            label="Related Anime"
+            label="Always Download Related Anime"
             id="related-anime"
             isChecked={DownloadRelatedAnime}
             onChange={event => updateSetting('AniDb', 'DownloadRelatedAnime', event.target.checked)}
           />
-          <div
-            className={cx(
-              'flex justify-between items-center transition-opacity',
-              !DownloadRelatedAnime && 'pointer-events-none opacity-65',
-            )}
-          >
+          <div className="flex items-center justify-between transition-opacity">
             Related Depth
             <InputSmall
               id="max-relation-depth"