New: Show ExtraFiles in UI

2026-04-23 22:25:14 -04:00 · 2020-03-03 22:55:17 -05:00
parent 3576f529ec
commit f338941cfc
15 changed files with 505 additions and 8 deletions
@@ -0,0 +1,63 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import IconButton from 'Components/Link/IconButton';
+import { icons } from 'Helpers/Props';
+import titleCase from 'Utilities/String/titleCase';
+import TableRow from 'Components/Table/TableRow';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import styles from './ExtraFileRow.css';
+
+class ExtraFileRow extends Component {
+
+  //
+  // Render
+
+  render() {
+    const {
+      relativePath,
+      extension,
+      type
+    } = this.props;
+
+    return (
+      <TableRow>
+        <TableRowCell
+          className={styles.relativePath}
+          title={relativePath}
+        >
+          {relativePath}
+        </TableRowCell>
+
+        <TableRowCell
+          className={styles.extension}
+          title={extension}
+        >
+          {extension}
+        </TableRowCell>
+
+        <TableRowCell
+          className={styles.type}
+          title={type}
+        >
+          {titleCase(type)}
+        </TableRowCell>
+
+        <TableRowCell className={styles.actions}>
+          <IconButton
+            name={icons.INFO}
+          />
+        </TableRowCell>
+      </TableRow>
+    );
+  }
+
+}
+
+ExtraFileRow.propTypes = {
+  id: PropTypes.number.isRequired,
+  extension: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  relativePath: PropTypes.string.isRequired
+};
+
+export default ExtraFileRow;