fix(ui): change 'Disable Auto-Search' checkbox to 'Enable Automatic Search' (#1476)

* fix(ui): change 'Disable Auto-Search' checkbox to 'Enable Automatic Search'

* docs: update *arr setting documentation to reflect changes

* fix: apply form-input class

docs/using-overseerr/settings/README.md

@@ -178,11 +178,11 @@ If the hostname or IP address you configured above is not accessible outside you
 
 #### Enable Scan
 
-Tick this box if you would like to scan your Radarr/Sonarr server for existing media/request status. It is recommended that you enable this setting, so that users cannot submit requests for media which has already been requested or is already available.
+Enable this setting if you would like to scan your Radarr/Sonarr server for existing media/request status. It is recommended that you enable this setting, so that users cannot submit requests for media which has already been requested or is already available.
 
-#### Disable Auto-Search
+#### Enable Automatic Search
 
-If you do not want Radarr/Sonarr to automatically search for media upon submission of a request, you can disable this setting.
+Enable this setting to have Radarr/Sonarr to automatically search for media upon approval of a request.
 
 ## Notifications
 

src/components/Settings/RadarrModal/index.tsx

@@ -63,7 +63,7 @@ const messages = defineMessages({
   loadingTags: 'Loading tags…',
   testFirstTags: 'Test connection to load tags',
   tags: 'Tags',
-  preventSearch: 'Disable Auto-Search',
+  enableSearch: 'Enable Automatic Search',
   validationApplicationUrl: 'You must provide a valid URL',
   validationApplicationUrlTrailingSlash: 'URL must not end in a trailing slash',
   validationBaseUrlLeadingSlash: 'Base URL must have a leading slash',
@@ -257,8 +257,8 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
           isDefault: radarr?.isDefault ?? false,
           is4k: radarr?.is4k ?? false,
           externalUrl: radarr?.externalUrl,
-          syncEnabled: radarr?.syncEnabled,
+          syncEnabled: radarr?.syncEnabled ?? false,
-          preventSearch: radarr?.preventSearch,
+          enableSearch: !radarr?.preventSearch,
         }}
         validationSchema={RadarrSettingsSchema}
         onSubmit={async (values) => {
@@ -283,7 +283,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
               isDefault: values.isDefault,
               externalUrl: values.externalUrl,
               syncEnabled: values.syncEnabled,
-              preventSearch: values.preventSearch,
+              preventSearch: !values.enableSearch,
             };
             if (!radarr) {
               await axios.post('/api/v1/settings/radarr', submission);
@@ -709,14 +709,14 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
                   </div>
                 </div>
                 <div className="form-row">
-                  <label htmlFor="preventSearch" className="checkbox-label">
+                  <label htmlFor="enableSearch" className="checkbox-label">
-                    {intl.formatMessage(messages.preventSearch)}
+                    {intl.formatMessage(messages.enableSearch)}
                   </label>
                   <div className="form-input">
                     <Field
                       type="checkbox"
-                      id="preventSearch"
+                      id="enableSearch"
-                      name="preventSearch"
+                      name="enableSearch"
                     />
                   </div>
                 </div>

src/components/Settings/SonarrModal/index.tsx

@@ -67,7 +67,7 @@ const messages = defineMessages({
   syncEnabled: 'Enable Scan',
   externalUrl: 'External URL',
   externalUrlPlaceholder: 'External URL pointing to your Sonarr server',
-  preventSearch: 'Disable Auto-Search',
+  enableSearch: 'Enable Automatic Search',
   validationApplicationUrl: 'You must provide a valid URL',
   validationApplicationUrlTrailingSlash: 'URL must not end in a trailing slash',
   validationBaseUrlLeadingSlash: 'Base URL must have a leading slash',
@@ -274,7 +274,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
           enableSeasonFolders: sonarr?.enableSeasonFolders ?? false,
           externalUrl: sonarr?.externalUrl,
           syncEnabled: sonarr?.syncEnabled ?? false,
-          preventSearch: sonarr?.preventSearch ?? false,
+          enableSearch: !sonarr?.preventSearch,
         }}
         validationSchema={SonarrSettingsSchema}
         onSubmit={async (values) => {
@@ -314,7 +314,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
               enableSeasonFolders: values.enableSeasonFolders,
               externalUrl: values.externalUrl,
               syncEnabled: values.syncEnabled,
-              preventSearch: values.preventSearch,
+              preventSearch: !values.enableSearch,
             };
             if (!sonarr) {
               await axios.post('/api/v1/settings/sonarr', submission);
@@ -961,14 +961,14 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
                   </div>
                 </div>
                 <div className="form-row">
-                  <label htmlFor="preventSearch" className="checkbox-label">
+                  <label htmlFor="enableSearch" className="checkbox-label">
-                    {intl.formatMessage(messages.preventSearch)}
+                    {intl.formatMessage(messages.enableSearch)}
                   </label>
-                  <div className="mt-1 sm:mt-0 sm:col-span-2">
+                  <div className="form-input">
                     <Field
                       type="checkbox"
-                      id="preventSearch"
+                      id="enableSearch"
-                      name="preventSearch"
+                      name="enableSearch"
                     />
                   </div>
                 </div>

src/i18n/locale/en.json

@@ -334,6 +334,7 @@
   "components.Settings.RadarrModal.defaultserver": "Default Server",
   "components.Settings.RadarrModal.edit4kradarr": "Edit 4K Radarr Server",
   "components.Settings.RadarrModal.editradarr": "Edit Radarr Server",
+  "components.Settings.RadarrModal.enableSearch": "Enable Automatic Search",
   "components.Settings.RadarrModal.externalUrl": "External URL",
   "components.Settings.RadarrModal.externalUrlPlaceholder": "External URL pointing to your Radarr server",
   "components.Settings.RadarrModal.hostname": "Hostname or IP Address",
@@ -343,7 +344,6 @@
   "components.Settings.RadarrModal.minimumAvailability": "Minimum Availability",
   "components.Settings.RadarrModal.notagoptions": "No tags.",
   "components.Settings.RadarrModal.port": "Port",
-  "components.Settings.RadarrModal.preventSearch": "Disable Auto-Search",
   "components.Settings.RadarrModal.qualityprofile": "Quality Profile",
   "components.Settings.RadarrModal.rootfolder": "Root Folder",
   "components.Settings.RadarrModal.selectMinimumAvailability": "Select minimum availability",
@@ -464,6 +464,7 @@
   "components.Settings.SonarrModal.defaultserver": "Default Server",
   "components.Settings.SonarrModal.edit4ksonarr": "Edit 4K Sonarr Server",
   "components.Settings.SonarrModal.editsonarr": "Edit Sonarr Server",
+  "components.Settings.SonarrModal.enableSearch": "Enable Automatic Search",
   "components.Settings.SonarrModal.externalUrl": "External URL",
   "components.Settings.SonarrModal.externalUrlPlaceholder": "External URL pointing to your Sonarr server",
   "components.Settings.SonarrModal.hostname": "Hostname or IP Address",
@@ -474,7 +475,6 @@
   "components.Settings.SonarrModal.loadingrootfolders": "Loading root folders…",
   "components.Settings.SonarrModal.notagoptions": "No tags.",
   "components.Settings.SonarrModal.port": "Port",
-  "components.Settings.SonarrModal.preventSearch": "Disable Auto-Search",
   "components.Settings.SonarrModal.qualityprofile": "Quality Profile",
   "components.Settings.SonarrModal.rootfolder": "Root Folder",
   "components.Settings.SonarrModal.seasonfolders": "Season Folders",