Cleanup unused frontend components

frontend/src/Indexer/Editor/Organize/OrganizeMovieModal.js

@@ -1,31 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Modal from 'Components/Modal/Modal';
-import OrganizeMovieModalContentConnector from './OrganizeMovieModalContentConnector';
-
-function OrganizeMovieModal(props) {
-  const {
-    isOpen,
-    onModalClose,
-    ...otherProps
-  } = props;
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onModalClose={onModalClose}
-    >
-      <OrganizeMovieModalContentConnector
-        {...otherProps}
-        onModalClose={onModalClose}
-      />
-    </Modal>
-  );
-}
-
-OrganizeMovieModal.propTypes = {
-  isOpen: PropTypes.bool.isRequired,
-  onModalClose: PropTypes.func.isRequired
-};
-
-export default OrganizeMovieModal;

frontend/src/Indexer/Editor/Organize/OrganizeMovieModalContent.css

@@ -1,8 +0,0 @@
-.renameIcon {
-  margin-left: 5px;
-}
-
-.message {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}

frontend/src/Indexer/Editor/Organize/OrganizeMovieModalContent.js

@@ -1,75 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Alert from 'Components/Alert';
-import Icon from 'Components/Icon';
-import Button from 'Components/Link/Button';
-import ModalBody from 'Components/Modal/ModalBody';
-import ModalContent from 'Components/Modal/ModalContent';
-import ModalFooter from 'Components/Modal/ModalFooter';
-import ModalHeader from 'Components/Modal/ModalHeader';
-import { icons, kinds } from 'Helpers/Props';
-import translate from 'Utilities/String/translate';
-import styles from './OrganizeMovieModalContent.css';
-
-function OrganizeMovieModalContent(props) {
-  const {
-    movieTitles,
-    onModalClose,
-    onOrganizeMoviePress
-  } = props;
-
-  return (
-    <ModalContent onModalClose={onModalClose}>
-      <ModalHeader>
-        Organize Selected Movies
-      </ModalHeader>
-
-      <ModalBody>
-        <Alert>
-          Tip: To preview a rename... select "Cancel" then click any movie title and use the
-          <Icon
-            className={styles.renameIcon}
-            name={icons.ORGANIZE}
-          />
-        </Alert>
-
-        <div className={styles.message}>
-          Are you sure you want to organize all files in the {movieTitles.length} selected movie(s)?
-        </div>
-
-        <ul>
-          {
-            movieTitles.map((title) => {
-              return (
-                <li key={title}>
-                  {title}
-                </li>
-              );
-            })
-          }
-        </ul>
-      </ModalBody>
-
-      <ModalFooter>
-        <Button onPress={onModalClose}>
-          {translate('Cancel')}
-        </Button>
-
-        <Button
-          kind={kinds.DANGER}
-          onPress={onOrganizeMoviePress}
-        >
-          Organize
-        </Button>
-      </ModalFooter>
-    </ModalContent>
-  );
-}
-
-OrganizeMovieModalContent.propTypes = {
-  movieTitles: PropTypes.arrayOf(PropTypes.string).isRequired,
-  onModalClose: PropTypes.func.isRequired,
-  onOrganizeMoviePress: PropTypes.func.isRequired
-};
-
-export default OrganizeMovieModalContent;

frontend/src/Indexer/Editor/Organize/OrganizeMovieModalContentConnector.js

@@ -1,67 +0,0 @@
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { createSelector } from 'reselect';
-import * as commandNames from 'Commands/commandNames';
-import { executeCommand } from 'Store/Actions/commandActions';
-import createAllMoviesSelector from 'Store/Selectors/createAllMoviesSelector';
-import OrganizeMovieModalContent from './OrganizeMovieModalContent';
-
-function createMapStateToProps() {
-  return createSelector(
-    (state, { movieIds }) => movieIds,
-    createAllMoviesSelector(),
-    (movieIds, allMovies) => {
-      const movies = _.intersectionWith(allMovies, movieIds, (s, id) => {
-        return s.id === id;
-      });
-
-      const sortedMovies = _.orderBy(movies, 'sortTitle');
-      const movieTitles = _.map(sortedMovies, 'title');
-
-      return {
-        movieTitles
-      };
-    }
-  );
-}
-
-const mapDispatchToProps = {
-  executeCommand
-};
-
-class OrganizeMovieModalContentConnector extends Component {
-
-  //
-  // Listeners
-
-  onOrganizeMoviePress = () => {
-    this.props.executeCommand({
-      name: commandNames.RENAME_MOVIE,
-      movieIds: this.props.movieIds
-    });
-
-    this.props.onModalClose(true);
-  }
-
-  //
-  // Render
-
-  render(props) {
-    return (
-      <OrganizeMovieModalContent
-        {...this.props}
-        onOrganizeMoviePress={this.onOrganizeMoviePress}
-      />
-    );
-  }
-}
-
-OrganizeMovieModalContentConnector.propTypes = {
-  movieIds: PropTypes.arrayOf(PropTypes.number).isRequired,
-  onModalClose: PropTypes.func.isRequired,
-  executeCommand: PropTypes.func.isRequired
-};
-
-export default connect(createMapStateToProps, mapDispatchToProps)(OrganizeMovieModalContentConnector);