New: Browse Lists from Discover Movies Page

frontend/src/Components/Filter/Builder/FilterBuilderRow.js

@@ -6,6 +6,7 @@ import { filterBuilderTypes, filterBuilderValueTypes, icons } from 'Helpers/Prop
 import BoolFilterBuilderRowValue from './BoolFilterBuilderRowValue';
 import DateFilterBuilderRowValue from './DateFilterBuilderRowValue';
 import FilterBuilderRowValueConnector from './FilterBuilderRowValueConnector';
+import ImportListFilterBuilderRowValueConnector from './ImportListFilterBuilderRowValueConnector';
 import IndexerFilterBuilderRowValueConnector from './IndexerFilterBuilderRowValueConnector';
 import MovieStatusFilterBuilderRowValue from './MovieStatusFilterBuilderRowValue';
 import ProtocolFilterBuilderRowValue from './ProtocolFilterBuilderRowValue';
@@ -74,6 +75,9 @@ function getRowValueConnector(selectedFilterBuilderProp) {
     case filterBuilderValueTypes.TAG:
       return TagFilterBuilderRowValueConnector;
 
+    case filterBuilderValueTypes.IMPORTLIST:
+      return ImportListFilterBuilderRowValueConnector;
+
     default:
       return FilterBuilderRowValueConnector;
   }

frontend/src/Components/Filter/Builder/ImportListFilterBuilderRowValueConnector.js

@@ -0,0 +1,27 @@
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import createImportListSelector from 'Store/Selectors/createImportListSelector';
+import FilterBuilderRowValue from './FilterBuilderRowValue';
+
+function createMapStateToProps() {
+  return createSelector(
+    createImportListSelector(),
+    (importLists) => {
+      return {
+        tagList: importLists.map((importList) => {
+          const {
+            id,
+            name
+          } = importList;
+
+          return {
+            id,
+            name
+          };
+        })
+      };
+    }
+  );
+}
+
+export default connect(createMapStateToProps)(FilterBuilderRowValue);

frontend/src/Components/ImportListList.css

@@ -0,0 +1,3 @@
+.lists {
+  flex: 1 0 auto;
+}

frontend/src/Components/ImportListList.js

@@ -0,0 +1,43 @@
+import _ from 'lodash';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { kinds, sizes } from 'Helpers/Props';
+import Label from './Label';
+import styles from './ImportListList.css';
+
+function ImportListList({ lists, importListList }) {
+  return (
+    <div className={styles.lists}>
+      {
+        lists.map((t) => {
+          const list = _.find(importListList, { id: t });
+
+          if (!list) {
+            return null;
+          }
+
+          return (
+            <Label
+              key={list.id}
+              kind={kinds.INFO}
+              size={sizes.MEDIUM}
+            >
+              {list.name}
+            </Label>
+          );
+        })
+      }
+    </div>
+  );
+}
+
+ImportListList.propTypes = {
+  lists: PropTypes.arrayOf(PropTypes.number).isRequired,
+  importListList: PropTypes.arrayOf(PropTypes.object).isRequired
+};
+
+ImportListList.defaultProps = {
+  lists: []
+};
+
+export default ImportListList;

frontend/src/Components/ImportListListConnector.js

@@ -0,0 +1,17 @@
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import createImportListSelector from 'Store/Selectors/createImportListSelector';
+import ImportListList from './ImportListList';
+
+function createMapStateToProps() {
+  return createSelector(
+    createImportListSelector(),
+    (importListList) => {
+      return {
+        importListList
+      };
+    }
+  );
+}
+
+export default connect(createMapStateToProps)(ImportListList);

frontend/src/Components/Page/PageConnector.js

@@ -6,7 +6,7 @@ import { createSelector } from 'reselect';
 import { saveDimensions, setIsSidebarVisible } from 'Store/Actions/appActions';
 import { fetchCustomFilters } from 'Store/Actions/customFilterActions';
 import { fetchMovies } from 'Store/Actions/movieActions';
-import { fetchLanguages, fetchNetImports, fetchQualityProfiles, fetchUISettings } from 'Store/Actions/settingsActions';
+import { fetchImportLists, fetchLanguages, fetchQualityProfiles, fetchUISettings } from 'Store/Actions/settingsActions';
 import { fetchStatus } from 'Store/Actions/systemActions';
 import { fetchTags } from 'Store/Actions/tagActions';
 import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
@@ -48,7 +48,7 @@ const selectIsPopulated = createSelector(
   (state) => state.settings.ui.isPopulated,
   (state) => state.settings.qualityProfiles.isPopulated,
   (state) => state.settings.languages.isPopulated,
-  (state) => state.settings.netImports.isPopulated,
+  (state) => state.settings.importLists.isPopulated,
   (state) => state.system.status.isPopulated,
   (
     customFiltersIsPopulated,
@@ -56,7 +56,7 @@ const selectIsPopulated = createSelector(
     uiSettingsIsPopulated,
     qualityProfilesIsPopulated,
     languagesIsPopulated,
-    netImportsIsPopulated,
+    importListsIsPopulated,
     systemStatusIsPopulated
   ) => {
     return (
@@ -65,7 +65,7 @@ const selectIsPopulated = createSelector(
       uiSettingsIsPopulated &&
       qualityProfilesIsPopulated &&
       languagesIsPopulated &&
-      netImportsIsPopulated &&
+      importListsIsPopulated &&
       systemStatusIsPopulated
     );
   }
@@ -77,7 +77,7 @@ const selectErrors = createSelector(
   (state) => state.settings.ui.error,
   (state) => state.settings.qualityProfiles.error,
   (state) => state.settings.languages.error,
-  (state) => state.settings.netImports.error,
+  (state) => state.settings.importLists.error,
   (state) => state.system.status.error,
   (
     customFiltersError,
@@ -85,7 +85,7 @@ const selectErrors = createSelector(
     uiSettingsError,
     qualityProfilesError,
     languagesError,
-    netImportsError,
+    importListsError,
     systemStatusError
   ) => {
     const hasError = !!(
@@ -94,7 +94,7 @@ const selectErrors = createSelector(
       uiSettingsError ||
       qualityProfilesError ||
       languagesError ||
-      netImportsError ||
+      importListsError ||
       systemStatusError
     );
 
@@ -105,7 +105,7 @@ const selectErrors = createSelector(
       uiSettingsError,
       qualityProfilesError,
       languagesError,
-      netImportsError,
+      importListsError,
       systemStatusError
     };
   }
@@ -153,8 +153,8 @@ function createMapDispatchToProps(dispatch, props) {
     dispatchFetchLanguages() {
       dispatch(fetchLanguages());
     },
-    dispatchFetchNetImports() {
-      dispatch(fetchNetImports());
+    dispatchFetchImportLists() {
+      dispatch(fetchImportLists());
     },
     dispatchFetchUISettings() {
       dispatch(fetchUISettings());
@@ -191,7 +191,7 @@ class PageConnector extends Component {
       this.props.dispatchFetchTags();
       this.props.dispatchFetchQualityProfiles();
       this.props.dispatchFetchLanguages();
-      this.props.dispatchFetchNetImports();
+      this.props.dispatchFetchImportLists();
       this.props.dispatchFetchUISettings();
       this.props.dispatchFetchStatus();
     }
@@ -215,7 +215,7 @@ class PageConnector extends Component {
       dispatchFetchTags,
       dispatchFetchQualityProfiles,
       dispatchFetchLanguages,
-      dispatchFetchNetImports,
+      dispatchFetchImportLists,
       dispatchFetchUISettings,
       dispatchFetchStatus,
       ...otherProps
@@ -254,7 +254,7 @@ PageConnector.propTypes = {
   dispatchFetchTags: PropTypes.func.isRequired,
   dispatchFetchQualityProfiles: PropTypes.func.isRequired,
   dispatchFetchLanguages: PropTypes.func.isRequired,
-  dispatchFetchNetImports: PropTypes.func.isRequired,
+  dispatchFetchImportLists: PropTypes.func.isRequired,
   dispatchFetchUISettings: PropTypes.func.isRequired,
   dispatchFetchStatus: PropTypes.func.isRequired,
   onSidebarVisibleChange: PropTypes.func.isRequired

frontend/src/Components/Page/Sidebar/PageSidebar.js

@@ -98,7 +98,7 @@ const links = [
       },
       {
         title: translate('Lists'),
-        to: '/settings/netimports'
+        to: '/settings/importlists'
       },
       {
         title: translate('Connect'),