New: Ability to test all Indexers, Lists, Clients

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>

frontend/src/Settings/DownloadClients/DownloadClientSettings.js

@@ -1,6 +1,10 @@
-import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component, Fragment } from 'react';
+import { icons } from 'Helpers/Props';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
+import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
 import DownloadClientsConnector from './DownloadClients/DownloadClientsConnector';
 import DownloadClientOptionsConnector from './Options/DownloadClientOptionsConnector';
@@ -43,6 +47,11 @@ class DownloadClientSettings extends Component {
   // Render
 
   render() {
+    const {
+      isTestingAll,
+      dispatchTestAllDownloadClients
+    } = this.props;
+
     const {
       isSaving,
       hasPendingChanges
@@ -53,6 +62,18 @@ class DownloadClientSettings extends Component {
         <SettingsToolbarConnector
           isSaving={isSaving}
           hasPendingChanges={hasPendingChanges}
+          additionalButtons={
+            <Fragment>
+              <PageToolbarSeparator />
+
+              <PageToolbarButton
+                label="Test All Clients"
+                iconName={icons.TEST}
+                isSpinning={isTestingAll}
+                onPress={dispatchTestAllDownloadClients}
+              />
+            </Fragment>
+          }
           onSavePress={this.onSavePress}
         />
 
@@ -71,4 +92,9 @@ class DownloadClientSettings extends Component {
   }
 }
 
+DownloadClientSettings.propTypes = {
+  isTestingAll: PropTypes.bool.isRequired,
+  dispatchTestAllDownloadClients: PropTypes.func.isRequired
+};
+
 export default DownloadClientSettings;

frontend/src/Settings/DownloadClients/DownloadClientSettingsConnector.js

@@ -0,0 +1,21 @@
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { testAllDownloadClients } from 'Store/Actions/settingsActions';
+import DownloadClientSettings from './DownloadClientSettings';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.settings.downloadClients.isTestingAll,
+    (isTestingAll) => {
+      return {
+        isTestingAll
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  dispatchTestAllDownloadClients: testAllDownloadClients
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(DownloadClientSettings);

frontend/src/Settings/ImportLists/ImportListSettings.js

@@ -1,6 +1,10 @@
-import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component, Fragment } from 'react';
+import { icons } from 'Helpers/Props';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
+import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
 import ImportListsConnector from './ImportLists/ImportListsConnector';
 
@@ -38,10 +42,33 @@ class ImportListSettings extends Component {
   // Render
 
   render() {
+    const {
+      isTestingAll,
+      dispatchTestAllImportLists
+    } = this.props;
+
+    const {
+      isSaving,
+      hasPendingChanges
+    } = this.state;
+
     return (
       <PageContent title="Import List Settings">
         <SettingsToolbarConnector
-          hasPendingChanges={this.state.hasPendingChanges}
+          isSaving={isSaving}
+          hasPendingChanges={hasPendingChanges}
+          additionalButtons={
+            <Fragment>
+              <PageToolbarSeparator />
+
+              <PageToolbarButton
+                label="Test All Lists"
+                iconName={icons.TEST}
+                isSpinning={isTestingAll}
+                onPress={dispatchTestAllImportLists}
+              />
+            </Fragment>
+          }
           onSavePress={this.onSavePress}
         />
 
@@ -53,4 +80,9 @@ class ImportListSettings extends Component {
   }
 }
 
+ImportListSettings.propTypes = {
+  isTestingAll: PropTypes.bool.isRequired,
+  dispatchTestAllImportLists: PropTypes.func.isRequired
+};
+
 export default ImportListSettings;

frontend/src/Settings/ImportLists/ImportListSettingsConnector.js

@@ -0,0 +1,21 @@
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { testAllImportLists } from 'Store/Actions/settingsActions';
+import ImportListSettings from './ImportListSettings';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.settings.importLists.isTestingAll,
+    (isTestingAll) => {
+      return {
+        isTestingAll
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  dispatchTestAllImportLists: testAllImportLists
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(ImportListSettings);

frontend/src/Settings/Indexers/IndexerSettings.js

@@ -1,6 +1,10 @@
-import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component, Fragment } from 'react';
+import { icons } from 'Helpers/Props';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
+import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
 import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
 import IndexersConnector from './Indexers/IndexersConnector';
 import IndexerOptionsConnector from './Options/IndexerOptionsConnector';
@@ -43,6 +47,11 @@ class IndexerSettings extends Component {
   // Render
 
   render() {
+    const {
+      isTestingAll,
+      dispatchTestAllIndexers
+    } = this.props;
+
     const {
       isSaving,
       hasPendingChanges
@@ -53,6 +62,18 @@ class IndexerSettings extends Component {
         <SettingsToolbarConnector
           isSaving={isSaving}
           hasPendingChanges={hasPendingChanges}
+          additionalButtons={
+            <Fragment>
+              <PageToolbarSeparator />
+
+              <PageToolbarButton
+                label="Test All Indexers"
+                iconName={icons.TEST}
+                isSpinning={isTestingAll}
+                onPress={dispatchTestAllIndexers}
+              />
+            </Fragment>
+          }
           onSavePress={this.onSavePress}
         />
 
@@ -71,4 +92,9 @@ class IndexerSettings extends Component {
   }
 }
 
+IndexerSettings.propTypes = {
+  isTestingAll: PropTypes.bool.isRequired,
+  dispatchTestAllIndexers: PropTypes.func.isRequired
+};
+
 export default IndexerSettings;

frontend/src/Settings/Indexers/IndexerSettingsConnector.js

@@ -0,0 +1,21 @@
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { testAllIndexers } from 'Store/Actions/settingsActions';
+import IndexerSettings from './IndexerSettings';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.settings.indexers.isTestingAll,
+    (isTestingAll) => {
+      return {
+        isTestingAll
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  dispatchTestAllIndexers: testAllIndexers
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(IndexerSettings);

frontend/src/Settings/SettingsToolbar.js

@@ -42,6 +42,7 @@ class SettingsToolbar extends Component {
       showSave,
       isSaving,
       hasPendingChanges,
+      additionalButtons,
       hasPendingLocation,
       onSavePress,
       onConfirmNavigation,
@@ -67,7 +68,12 @@ class SettingsToolbar extends Component {
                 onPress={onSavePress}
               />
           }
+
+          {
+            additionalButtons
+          }
         </PageToolbarSection>
+
         <PendingChangesModal
           isOpen={hasPendingLocation}
           onConfirm={onConfirmNavigation}
@@ -84,6 +90,7 @@ SettingsToolbar.propTypes = {
   isSaving: PropTypes.bool,
   hasPendingLocation: PropTypes.bool.isRequired,
   hasPendingChanges: PropTypes.bool,
+  additionalButtons: PropTypes.node,
   onSavePress: PropTypes.func,
   onAdvancedSettingsPress: PropTypes.func.isRequired,
   onConfirmNavigation: PropTypes.func.isRequired,