Sync Packages with Radarr

frontend/src/Settings/General/ProxySettings.js

@@ -44,90 +44,90 @@ function ProxySettings(props) {
 
       {
         proxyEnabled.value &&
-        <div>
-          <FormGroup>
-            <FormLabel>Proxy Type</FormLabel>
+          <div>
+            <FormGroup>
+              <FormLabel>Proxy Type</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.SELECT}
-              name="proxyType"
-              values={proxyTypeOptions}
-              onChange={onInputChange}
-              {...proxyType}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.SELECT}
+                name="proxyType"
+                values={proxyTypeOptions}
+                onChange={onInputChange}
+                {...proxyType}
+              />
+            </FormGroup>
 
-          <FormGroup>
-            <FormLabel>Hostname</FormLabel>
+            <FormGroup>
+              <FormLabel>Hostname</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.TEXT}
-              name="proxyHostname"
-              onChange={onInputChange}
-              {...proxyHostname}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.TEXT}
+                name="proxyHostname"
+                onChange={onInputChange}
+                {...proxyHostname}
+              />
+            </FormGroup>
 
-          <FormGroup>
-            <FormLabel>Port</FormLabel>
+            <FormGroup>
+              <FormLabel>Port</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.NUMBER}
-              name="proxyPort"
-              min={1}
-              max={65535}
-              onChange={onInputChange}
-              {...proxyPort}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.NUMBER}
+                name="proxyPort"
+                min={1}
+                max={65535}
+                onChange={onInputChange}
+                {...proxyPort}
+              />
+            </FormGroup>
 
-          <FormGroup>
-            <FormLabel>Username</FormLabel>
+            <FormGroup>
+              <FormLabel>Username</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.TEXT}
-              name="proxyUsername"
-              helpText="You only need to enter a username and password if one is required. Leave them blank otherwise."
-              onChange={onInputChange}
-              {...proxyUsername}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.TEXT}
+                name="proxyUsername"
+                helpText="You only need to enter a username and password if one is required. Leave them blank otherwise."
+                onChange={onInputChange}
+                {...proxyUsername}
+              />
+            </FormGroup>
 
-          <FormGroup>
-            <FormLabel>Password</FormLabel>
+            <FormGroup>
+              <FormLabel>Password</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.PASSWORD}
-              name="proxyPassword"
-              helpText="You only need to enter a username and password if one is required. Leave them blank otherwise."
-              onChange={onInputChange}
-              {...proxyPassword}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.PASSWORD}
+                name="proxyPassword"
+                helpText="You only need to enter a username and password if one is required. Leave them blank otherwise."
+                onChange={onInputChange}
+                {...proxyPassword}
+              />
+            </FormGroup>
 
-          <FormGroup>
-            <FormLabel>Ignored Addresses</FormLabel>
+            <FormGroup>
+              <FormLabel>Ignored Addresses</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.TEXT}
-              name="proxyBypassFilter"
-              helpText="Use ',' as a separator, and '*.' as a wildcard for subdomains"
-              onChange={onInputChange}
-              {...proxyBypassFilter}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.TEXT}
+                name="proxyBypassFilter"
+                helpText="Use ',' as a separator, and '*.' as a wildcard for subdomains"
+                onChange={onInputChange}
+                {...proxyBypassFilter}
+              />
+            </FormGroup>
 
-          <FormGroup size={sizes.MEDIUM}>
-            <FormLabel>Bypass Proxy for Local Addresses</FormLabel>
+            <FormGroup size={sizes.MEDIUM}>
+              <FormLabel>Bypass Proxy for Local Addresses</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.CHECK}
-              name="proxyBypassLocalAddresses"
-              onChange={onInputChange}
-              {...proxyBypassLocalAddresses}
-            />
-          </FormGroup>
-        </div>
+              <FormInputGroup
+                type={inputTypes.CHECK}
+                name="proxyBypassLocalAddresses"
+                onChange={onInputChange}
+                {...proxyBypassLocalAddresses}
+              />
+            </FormGroup>
+          </div>
       }
     </FieldSet>
   );

frontend/src/Settings/General/SecuritySettings.js

@@ -93,32 +93,32 @@ class SecuritySettings extends Component {
 
         {
           authenticationEnabled &&
-          <FormGroup>
-            <FormLabel>Username</FormLabel>
+            <FormGroup>
+              <FormLabel>Username</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.TEXT}
-              name="username"
-              helpTextWarning="Requires restart to take effect"
-              onChange={onInputChange}
-              {...username}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.TEXT}
+                name="username"
+                helpTextWarning="Requires restart to take effect"
+                onChange={onInputChange}
+                {...username}
+              />
+            </FormGroup>
         }
 
         {
           authenticationEnabled &&
-          <FormGroup>
-            <FormLabel>Password</FormLabel>
+            <FormGroup>
+              <FormLabel>Password</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.PASSWORD}
-              name="password"
-              helpTextWarning="Requires restart to take effect"
-              onChange={onInputChange}
-              {...password}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.PASSWORD}
+                name="password"
+                helpTextWarning="Requires restart to take effect"
+                onChange={onInputChange}
+                {...password}
+              />
+            </FormGroup>
         }
 
         <FormGroup>

frontend/src/Settings/General/UpdateSettings.js

@@ -72,58 +72,58 @@ function UpdateSettings(props) {
 
       {
         !isWindows &&
-        <div>
-          <FormGroup
-            advancedSettings={advancedSettings}
-            isAdvanced={true}
-            size={sizes.MEDIUM}
-          >
-            <FormLabel>Automatic</FormLabel>
+          <div>
+            <FormGroup
+              advancedSettings={advancedSettings}
+              isAdvanced={true}
+              size={sizes.MEDIUM}
+            >
+              <FormLabel>Automatic</FormLabel>
 
-            <FormInputGroup
-              type={inputTypes.CHECK}
-              name="updateAutomatically"
-              helpText="Automatically download and install updates. You will still be able to install from System: Updates"
-              onChange={onInputChange}
-              {...updateAutomatically}
-            />
-          </FormGroup>
+              <FormInputGroup
+                type={inputTypes.CHECK}
+                name="updateAutomatically"
+                helpText="Automatically download and install updates. You will still be able to install from System: Updates"
+                onChange={onInputChange}
+                {...updateAutomatically}
+              />
+            </FormGroup>
 
-          <FormGroup
-            advancedSettings={advancedSettings}
-            isAdvanced={true}
-          >
-            <FormLabel>Mechanism</FormLabel>
-
-            <FormInputGroup
-              type={inputTypes.SELECT}
-              name="updateMechanism"
-              values={updateOptions}
-              helpText="Use Readarr's built-in updater or a script"
-              helpLink="https://github.com/Readarr/Readarr/wiki/Updating"
-              onChange={onInputChange}
-              {...updateMechanism}
-            />
-          </FormGroup>
-
-          {
-            updateMechanism.value === 'script' &&
             <FormGroup
               advancedSettings={advancedSettings}
               isAdvanced={true}
             >
-              <FormLabel>Script Path</FormLabel>
+              <FormLabel>Mechanism</FormLabel>
 
               <FormInputGroup
-                type={inputTypes.TEXT}
-                name="updateScriptPath"
-                helpText="Path to a custom script that takes an extracted update package and handle the remainder of the update process"
+                type={inputTypes.SELECT}
+                name="updateMechanism"
+                values={updateOptions}
+                helpText="Use Readarr's built-in updater or a script"
+                helpLink="https://github.com/Readarr/Readarr/wiki/Updating"
                 onChange={onInputChange}
-                {...updateScriptPath}
+                {...updateMechanism}
               />
             </FormGroup>
-          }
-        </div>
+
+            {
+              updateMechanism.value === 'script' &&
+                <FormGroup
+                  advancedSettings={advancedSettings}
+                  isAdvanced={true}
+                >
+                  <FormLabel>Script Path</FormLabel>
+
+                  <FormInputGroup
+                    type={inputTypes.TEXT}
+                    name="updateScriptPath"
+                    helpText="Path to a custom script that takes an extracted update package and handle the remainder of the update process"
+                    onChange={onInputChange}
+                    {...updateScriptPath}
+                  />
+                </FormGroup>
+            }
+          </div>
       }
     </FieldSet>
   );

frontend/src/Settings/ImportLists/ImportLists/EditImportListModalContent.js

@@ -199,23 +199,23 @@ function EditImportListModalContent(props) {
 
               {
                 !!fields && !!fields.length &&
-                <div>
-                  {
-                    fields.map((field) => {
-                      return (
-                        <ProviderFieldFormGroup
-                          key={field.name}
-                          advancedSettings={advancedSettings}
-                          provider="importList"
-                          providerData={item}
-                          section="settings.importLists"
-                          {...field}
-                          onChange={onFieldChange}
-                        />
-                      );
-                    })
-                  }
-                </div>
+                  <div>
+                    {
+                      fields.map((field) => {
+                        return (
+                          <ProviderFieldFormGroup
+                            key={field.name}
+                            advancedSettings={advancedSettings}
+                            provider="importList"
+                            providerData={item}
+                            section="settings.importLists"
+                            {...field}
+                            onChange={onFieldChange}
+                          />
+                        );
+                      })
+                    }
+                  </div>
               }
 
             </Form>

frontend/src/Settings/Indexers/Indexers/Indexer.js

@@ -96,12 +96,12 @@ class Indexer extends Component {
 
           {
             !enableRss && !enableAutomaticSearch && !enableInteractiveSearch &&
-            <Label
-              kind={kinds.DISABLED}
-              outline={true}
-            >
-              Disabled
-            </Label>
+              <Label
+                kind={kinds.DISABLED}
+                outline={true}
+              >
+                Disabled
+              </Label>
           }
         </div>
 

frontend/src/Settings/Metadata/MetadataProvider/MetadataProvider.js

@@ -43,23 +43,23 @@ function MetadataProvider(props) {
           <Form>
             {
               advancedSettings &&
-              <FieldSet legend="Metadata Provider Source">
-                <FormGroup
-                  advancedSettings={advancedSettings}
-                  isAdvanced={true}
-                >
-                  <FormLabel>Metadata Source</FormLabel>
+                <FieldSet legend="Metadata Provider Source">
+                  <FormGroup
+                    advancedSettings={advancedSettings}
+                    isAdvanced={true}
+                  >
+                    <FormLabel>Metadata Source</FormLabel>
 
-                  <FormInputGroup
-                    type={inputTypes.TEXT}
-                    name="metadataSource"
-                    helpText="Alternative Metadata Source (Leave blank for default)"
-                    helpLink="https://github.com/Readarr/Readarr/wiki/Metadata-Source"
-                    onChange={onInputChange}
-                    {...settings.metadataSource}
-                  />
-                </FormGroup>
-              </FieldSet>
+                    <FormInputGroup
+                      type={inputTypes.TEXT}
+                      name="metadataSource"
+                      helpText="Alternative Metadata Source (Leave blank for default)"
+                      helpLink="https://github.com/Readarr/Readarr/wiki/Metadata-Source"
+                      onChange={onInputChange}
+                      {...settings.metadataSource}
+                    />
+                  </FormGroup>
+                </FieldSet>
             }
 
             <FieldSet legend="Write Metadata to Audio Files">

frontend/src/Settings/Notifications/Notifications/Notification.js

@@ -141,12 +141,12 @@ class Notification extends Component {
         {
           !onGrab && !onReleaseImport && !onRename && !onTrackRetag &&
             !onHealthIssue && !onDownloadFailure && !onImportFailure &&
-            <Label
-              kind={kinds.DISABLED}
-              outline={true}
-            >
-              Disabled
-            </Label>
+              <Label
+                kind={kinds.DISABLED}
+                outline={true}
+              >
+                Disabled
+              </Label>
         }
 
         <EditNotificationModalConnector

frontend/src/Settings/PendingChangesModal.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { useEffect } from 'react';
 import { kinds } from 'Helpers/Props';
+import keyboardShortcuts from 'Components/keyboardShortcuts';
 import Button from 'Components/Link/Button';
 import Modal from 'Components/Modal/Modal';
 import ModalContent from 'Components/Modal/ModalContent';
@@ -12,9 +13,14 @@ function PendingChangesModal(props) {
   const {
     isOpen,
     onConfirm,
-    onCancel
+    onCancel,
+    bindShortcut
   } = props;
 
+  useEffect(() => {
+    bindShortcut('enter', onConfirm);
+  }, [onConfirm]);
+
   return (
     <Modal
       isOpen={isOpen}
@@ -36,6 +42,7 @@ function PendingChangesModal(props) {
           </Button>
 
           <Button
+            autoFocus={true}
             kind={kinds.DANGER}
             onPress={onConfirm}
           >
@@ -52,11 +59,12 @@ PendingChangesModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   kind: PropTypes.oneOf(kinds.all),
   onConfirm: PropTypes.func.isRequired,
-  onCancel: PropTypes.func.isRequired
+  onCancel: PropTypes.func.isRequired,
+  bindShortcut: PropTypes.func.isRequired
 };
 
 PendingChangesModal.defaultProps = {
   kind: kinds.PRIMARY
 };
 
-export default PendingChangesModal;
+export default keyboardShortcuts(PendingChangesModal);

frontend/src/Settings/Profiles/Quality/EditQualityProfileModalContent.js

@@ -174,7 +174,7 @@ class EditQualityProfileModalContent extends Component {
                           upgradeAllowed.value &&
                             <FormGroup size={sizes.EXTRA_SMALL}>
                               <FormLabel size={sizes.SMALL}>
-                              Upgrade Until
+                                Upgrade Until
                               </FormLabel>
 
                               <FormInputGroup

frontend/src/Settings/Tags/Details/TagDetailsModalContent.js

@@ -167,7 +167,7 @@ function TagDetailsModalContent(props) {
             isDisabled={isTagUsed}
             onPress={onDeleteTagPress}
           >
-              Delete
+            Delete
           </Button>
         }