New: Browse Lists from Discover Movies Page

2026-04-20 21:55:03 -04:00 · 2020-09-03 22:50:56 -04:00
parent 54bcf9eed3
commit 361ffe353d
308 changed files with 4824 additions and 3169 deletions
@@ -0,0 +1,102 @@
+import PropTypes from 'prop-types';
+import React, { Component, Fragment } from 'react';
+import PageContent from 'Components/Page/PageContent';
+import PageContentBody from 'Components/Page/PageContentBody';
+import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
+import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
+import { icons } from 'Helpers/Props';
+import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
+import translate from 'Utilities/String/translate';
+import ImportExclusionsConnector from './ImportExclusions/ImportExclusionsConnector';
+import ImportListsConnector from './ImportLists/ImportListsConnector';
+import ImportListOptionsConnector from './Options/ImportListOptionsConnector';
+
+class ImportListSettings extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this._saveCallback = null;
+
+    this.state = {
+      isSaving: false,
+      hasPendingChanges: false
+    };
+  }
+
+  //
+  // Listeners
+
+  onChildMounted = (saveCallback) => {
+    this._saveCallback = saveCallback;
+  }
+
+  onChildStateChange = (payload) => {
+    this.setState(payload);
+  }
+
+  onSavePress = () => {
+    if (this._saveCallback) {
+      this._saveCallback();
+    }
+  }
+
+  // Render
+  //
+
+  render() {
+    const {
+      isTestingAll,
+      dispatchTestAllImportList
+    } = this.props;
+
+    const {
+      isSaving,
+      hasPendingChanges
+    } = this.state;
+
+    return (
+      <PageContent title={translate('ListSettings')}>
+        <SettingsToolbarConnector
+          isSaving={isSaving}
+          hasPendingChanges={hasPendingChanges}
+          additionalButtons={
+            <Fragment>
+              <PageToolbarSeparator />
+
+              <PageToolbarButton
+                label={translate('TestAllLists')}
+                iconName={icons.TEST}
+                isSpinning={isTestingAll}
+                onPress={dispatchTestAllImportList}
+              />
+            </Fragment>
+          }
+          onSavePress={this.onSavePress}
+        />
+
+        <PageContentBody>
+          <ImportListsConnector />
+
+          <ImportListOptionsConnector
+            onChildMounted={this.onChildMounted}
+            onChildStateChange={this.onChildStateChange}
+          />
+
+          <ImportExclusionsConnector />
+
+        </PageContentBody>
+      </PageContent>
+    );
+  }
+}
+
+ImportListSettings.propTypes = {
+  isTestingAll: PropTypes.bool.isRequired,
+  dispatchTestAllImportList: PropTypes.func.isRequired
+};
+
+export default ImportListSettings;