v3 UI

frontend/src/AddSeries/AddNewSeries/AddNewSeriesModalContentConnector.js

@@ -0,0 +1,108 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { createSelector } from 'reselect';
+import { setAddSeriesDefault, addSeries } from 'Store/Actions/addSeriesActions';
+import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
+import selectSettings from 'Store/Selectors/selectSettings';
+import AddNewSeriesModalContent from './AddNewSeriesModalContent';
+
+function createMapStateToProps() {
+  return createSelector(
+    (state) => state.addSeries,
+    (state) => state.settings.languageProfiles,
+    createDimensionsSelector(),
+    (addSeriesState, languageProfiles, dimensions) => {
+      const {
+        isAdding,
+        addError,
+        defaults
+      } = addSeriesState;
+
+      const {
+        settings,
+        validationErrors,
+        validationWarnings
+      } = selectSettings(defaults, {}, addError);
+
+      return {
+        isAdding,
+        addError,
+        showLanguageProfile: languageProfiles.items.length > 1,
+        isSmallScreen: dimensions.isSmallScreen,
+        validationErrors,
+        validationWarnings,
+        ...settings
+      };
+    }
+  );
+}
+
+const mapDispatchToProps = {
+  setAddSeriesDefault,
+  addSeries
+};
+
+class AddNewSeriesModalContentConnector extends Component {
+
+  //
+  // Listeners
+
+  onInputChange = ({ name, value }) => {
+    this.props.setAddSeriesDefault({ [name]: value });
+  }
+
+  onAddSeriesPress = (searchForMissingEpisodes) => {
+    const {
+      tvdbId,
+      rootFolderPath,
+      monitor,
+      qualityProfileId,
+      languageProfileId,
+      seriesType,
+      seasonFolder,
+      tags
+    } = this.props;
+
+    this.props.addSeries({
+      tvdbId,
+      rootFolderPath: rootFolderPath.value,
+      monitor: monitor.value,
+      qualityProfileId: qualityProfileId.value,
+      languageProfileId: languageProfileId.value,
+      seriesType: seriesType.value,
+      seasonFolder: seasonFolder.value,
+      tags: tags.value,
+      searchForMissingEpisodes
+    });
+  }
+
+  //
+  // Render
+
+  render() {
+    return (
+      <AddNewSeriesModalContent
+        {...this.props}
+        onInputChange={this.onInputChange}
+        onAddSeriesPress={this.onAddSeriesPress}
+      />
+    );
+  }
+}
+
+AddNewSeriesModalContentConnector.propTypes = {
+  tvdbId: PropTypes.number.isRequired,
+  rootFolderPath: PropTypes.object,
+  monitor: PropTypes.object.isRequired,
+  qualityProfileId: PropTypes.object,
+  languageProfileId: PropTypes.object,
+  seriesType: PropTypes.object.isRequired,
+  seasonFolder: PropTypes.object.isRequired,
+  tags: PropTypes.object.isRequired,
+  onModalClose: PropTypes.func.isRequired,
+  setAddSeriesDefault: PropTypes.func.isRequired,
+  addSeries: PropTypes.func.isRequired
+};
+
+export default connect(createMapStateToProps, mapDispatchToProps)(AddNewSeriesModalContentConnector);