[UI Work] Add Artist, Import Artist, Calendar

2026-04-27 22:56:45 -04:00 · 2017-09-07 23:09:52 -04:00
parent a747c5f135
commit 77f1d2e64c
109 changed files with 891 additions and 1082 deletions
@@ -0,0 +1,64 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import formatBytes from 'Utilities/Number/formatBytes';
+import { icons } from 'Helpers/Props';
+import IconButton from 'Components/Link/IconButton';
+import Link from 'Components/Link/Link';
+import TableRow from 'Components/Table/TableRow';
+import TableRowCell from 'Components/Table/Cells/TableRowCell';
+import styles from './ImportArtistRootFolderRow.css';
+
+function ImportArtistRootFolderRow(props) {
+  const {
+    id,
+    path,
+    freeSpace,
+    unmappedFolders,
+    onDeletePress
+  } = props;
+
+  const unmappedFoldersCount = unmappedFolders.length || '-';
+
+  return (
+    <TableRow>
+      <TableRowCell>
+        <Link
+          className={styles.link}
+          to={`/add/import/${id}`}
+        >
+          {path}
+        </Link>
+      </TableRowCell>
+
+      <TableRowCell className={styles.freeSpace}>
+        {formatBytes(freeSpace) || '-'}
+      </TableRowCell>
+
+      <TableRowCell className={styles.unmappedFolders}>
+        {unmappedFoldersCount}
+      </TableRowCell>
+
+      <TableRowCell className={styles.actions}>
+        <IconButton
+          name={icons.REMOVE}
+          onPress={onDeletePress}
+        />
+      </TableRowCell>
+    </TableRow>
+  );
+}
+
+ImportArtistRootFolderRow.propTypes = {
+  id: PropTypes.number.isRequired,
+  path: PropTypes.string.isRequired,
+  freeSpace: PropTypes.number.isRequired,
+  unmappedFolders: PropTypes.arrayOf(PropTypes.object).isRequired,
+  onDeletePress: PropTypes.func.isRequired
+};
+
+ImportArtistRootFolderRow.defaultProps = {
+  freeSpace: 0,
+  unmappedFolders: []
+};
+
+export default ImportArtistRootFolderRow;