From b01e9e87fbfe0bc1e874de697548e82a5ce7f3b7 Mon Sep 17 00:00:00 2001
From: Harshith Mohan <26010946+harshithmohan@users.noreply.github.com>
Date: Wed, 6 Nov 2024 00:43:20 +0530
Subject: [PATCH] Make related anime settings somewhat clear (#1135)

---
 src/pages/firstrun/MetadataSourcesTabs/AniDBTab.tsx | 10 ++--------
 src/pages/settings/tabs/AniDBSettings.tsx           | 10 ++--------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/pages/firstrun/MetadataSourcesTabs/AniDBTab.tsx b/src/pages/firstrun/MetadataSourcesTabs/AniDBTab.tsx
index dde6978e..5bdcbb1d 100644
--- 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
index 1c3996c9..54eeb97f 100644
--- 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"