v3 UI

2026-04-28 23:16:32 -04:00 · 2018-01-12 18:01:27 -08:00
parent 99feff549d
commit 5894b4fd95
1183 changed files with 91622 additions and 4978 deletions
@@ -0,0 +1,83 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { kinds, sizes } from 'Helpers/Props';
+import Button from 'Components/Link/Button';
+import Modal from 'Components/Modal/Modal';
+import ModalContent from 'Components/Modal/ModalContent';
+import ModalHeader from 'Components/Modal/ModalHeader';
+import ModalBody from 'Components/Modal/ModalBody';
+import ModalFooter from 'Components/Modal/ModalFooter';
+import styles from './MoveSeriesModal.css';
+
+function MoveSeriesModal(props) {
+  const {
+    originalPath,
+    destinationPath,
+    destinationRootFolder,
+    isOpen,
+    onSavePress,
+    onMoveSeriesPress
+  } = props;
+
+  if (
+    isOpen &&
+    !originalPath &&
+    !destinationPath &&
+    !destinationRootFolder
+  ) {
+    console.error('orginalPath and destinationPath OR destinationRootFolder must be provided');
+  }
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      size={sizes.MEDIUM}
+      closeOnBackgroundClick={false}
+      onModalClose={onSavePress}
+    >
+      <ModalContent
+        showCloseButton={true}
+        onModalClose={onSavePress}
+      >
+        <ModalHeader>
+          Move Files
+        </ModalHeader>
+
+        <ModalBody>
+          {
+            destinationRootFolder ?
+              `Would you like to move the series folders to '${destinationRootFolder}'?` :
+              `Would you like to move the series files from '${originalPath}' to '${destinationPath}'?`
+          }
+        </ModalBody>
+
+        <ModalFooter>
+          <Button
+            className={styles.doNotMoveButton}
+            onPress={onSavePress}
+          >
+            No, I'll Move the Files Myself
+          </Button>
+
+          <Button
+            kind={kinds.DANGER}
+            onPress={onMoveSeriesPress}
+          >
+            Yes, Move the Files
+          </Button>
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
+  );
+}
+
+MoveSeriesModal.propTypes = {
+  originalPath: PropTypes.string,
+  destinationPath: PropTypes.string,
+  destinationRootFolder: PropTypes.string,
+  isOpen: PropTypes.bool.isRequired,
+  onSavePress: PropTypes.func.isRequired,
+  onMoveSeriesPress: PropTypes.func.isRequired
+};
+
+export default MoveSeriesModal;