Renames in Frontend

2026-04-20 21:54:25 -04:00 · 2020-05-15 23:32:52 -04:00
parent ee4e44b81a
commit ee43ccf620
387 changed files with 4036 additions and 4364 deletions
@@ -0,0 +1,74 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { icons, kinds } from 'Helpers/Props';
+import Alert from 'Components/Alert';
+import Button from 'Components/Link/Button';
+import Icon from 'Components/Icon';
+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 './OrganizeAuthorModalContent.css';
+
+function OrganizeAuthorModalContent(props) {
+  const {
+    authorNames,
+    onModalClose,
+    onOrganizeAuthorPress
+  } = props;
+
+  return (
+    <ModalContent onModalClose={onModalClose}>
+      <ModalHeader>
+        Organize Selected Author
+      </ModalHeader>
+
+      <ModalBody>
+        <Alert>
+          Tip: To preview a rename... select "Cancel" then click any author name 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 {authorNames.length} selected author?
+        </div>
+
+        <ul>
+          {
+            authorNames.map((authorName) => {
+              return (
+                <li key={authorName}>
+                  {authorName}
+                </li>
+              );
+            })
+          }
+        </ul>
+      </ModalBody>
+
+      <ModalFooter>
+        <Button onPress={onModalClose}>
+          Cancel
+        </Button>
+
+        <Button
+          kind={kinds.DANGER}
+          onPress={onOrganizeAuthorPress}
+        >
+          Organize
+        </Button>
+      </ModalFooter>
+    </ModalContent>
+  );
+}
+
+OrganizeAuthorModalContent.propTypes = {
+  authorNames: PropTypes.arrayOf(PropTypes.string).isRequired,
+  onModalClose: PropTypes.func.isRequired,
+  onOrganizeAuthorPress: PropTypes.func.isRequired
+};
+
+export default OrganizeAuthorModalContent;