Renames in Frontend

2026-04-22 22:14:44 -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,140 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { kinds, sizes } from 'Helpers/Props';
+import TableRow from 'Components/Table/TableRow';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
+import Label from 'Components/Label';
+import styles from './SelectBookRow.css';
+
+function getBookCountKind(monitored, bookFileCount, bookCount) {
+  if (bookFileCount === bookCount && bookCount > 0) {
+    return kinds.SUCCESS;
+  }
+
+  if (!monitored) {
+    return kinds.WARNING;
+  }
+
+  return kinds.DANGER;
+}
+
+class SelectBookRow extends Component {
+
+  //
+  // Listeners
+
+  onPress = () => {
+    this.props.onBookSelect(this.props.id);
+  }
+
+  //
+  // Render
+
+  render() {
+    const {
+      title,
+      disambiguation,
+      bookType,
+      releaseDate,
+      statistics,
+      monitored,
+      columns
+    } = this.props;
+
+    const {
+      bookCount,
+      bookFileCount,
+      totalBookCount
+    } = statistics;
+
+    const extendedTitle = disambiguation ? `${title} (${disambiguation})` : title;
+
+    return (
+      <TableRow
+        onClick={this.onPress}
+        className={styles.bookRow}
+      >
+        {
+          columns.map((column) => {
+            const {
+              name,
+              isVisible
+            } = column;
+
+            if (!isVisible) {
+              return null;
+            }
+
+            if (name === 'title') {
+              return (
+                <TableRowCell key={name}>
+                  {extendedTitle}
+                </TableRowCell>
+              );
+            }
+
+            if (name === 'bookType') {
+              return (
+                <TableRowCell key={name}>
+                  {bookType}
+                </TableRowCell>
+              );
+            }
+
+            if (name === 'releaseDate') {
+              return (
+                <RelativeDateCellConnector
+                  key={name}
+                  date={releaseDate}
+                />
+              );
+            }
+
+            if (name === 'status') {
+              return (
+                <TableRowCell
+                  key={name}
+                >
+                  <Label
+                    title={`${totalBookCount} books total. ${bookFileCount} books with files.`}
+                    kind={getBookCountKind(monitored, bookFileCount, bookCount)}
+                    size={sizes.MEDIUM}
+                  >
+                    {
+                      <span>{bookFileCount} / {bookCount}</span>
+                    }
+                  </Label>
+                </TableRowCell>
+              );
+            }
+
+            return null;
+          })
+        }
+      </TableRow>
+
+    );
+  }
+}
+
+SelectBookRow.propTypes = {
+  id: PropTypes.number.isRequired,
+  title: PropTypes.string.isRequired,
+  disambiguation: PropTypes.string.isRequired,
+  bookType: PropTypes.string.isRequired,
+  releaseDate: PropTypes.string.isRequired,
+  onBookSelect: PropTypes.func.isRequired,
+  statistics: PropTypes.object.isRequired,
+  monitored: PropTypes.bool.isRequired,
+  columns: PropTypes.arrayOf(PropTypes.object).isRequired
+};
+
+SelectBookRow.defaultProps = {
+  statistics: {
+    bookCount: 0,
+    bookFileCount: 0
+  }
+};
+
+export default SelectBookRow;