Initial Commit Rework

frontend/src/Artist/Index/Posters/ArtistIndexPosterInfo.js

@@ -0,0 +1,123 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import getRelativeDate from 'Utilities/Date/getRelativeDate';
+import formatBytes from 'Utilities/Number/formatBytes';
+import styles from './ArtistIndexPosterInfo.css';
+
+function ArtistIndexPosterInfo(props) {
+  const {
+    network,
+    qualityProfile,
+    previousAiring,
+    added,
+    albumCount,
+    path,
+    sizeOnDisk,
+    sortKey,
+    showRelativeDates,
+    shortDateFormat,
+    timeFormat
+  } = props;
+
+  if (sortKey === 'network' && network) {
+    return (
+      <div className={styles.info}>
+        {network}
+      </div>
+    );
+  }
+
+  if (sortKey === 'qualityProfileId') {
+    return (
+      <div className={styles.info}>
+        {qualityProfile.name}
+      </div>
+    );
+  }
+
+  if (sortKey === 'previousAiring' && previousAiring) {
+    return (
+      <div className={styles.info}>
+        {
+          getRelativeDate(
+            previousAiring,
+            shortDateFormat,
+            showRelativeDates,
+            {
+              timeFormat,
+              timeForToday: true
+            }
+          )
+        }
+      </div>
+    );
+  }
+
+  if (sortKey === 'added' && added) {
+    const addedDate = getRelativeDate(
+      added,
+      shortDateFormat,
+      showRelativeDates,
+      {
+        timeFormat,
+        timeForToday: false
+      }
+    );
+
+    return (
+      <div className={styles.info}>
+        {`Added ${addedDate}`}
+      </div>
+    );
+  }
+
+  if (sortKey === 'albumCount') {
+    let seasons = '1 season';
+
+    if (albumCount === 0) {
+      seasons = 'No seasons';
+    } else if (albumCount > 1) {
+      seasons = `${albumCount} seasons`;
+    }
+
+    return (
+      <div className={styles.info}>
+        {seasons}
+      </div>
+    );
+  }
+
+  if (sortKey === 'path') {
+    return (
+      <div className={styles.info}>
+        {path}
+      </div>
+    );
+  }
+
+  if (sortKey === 'sizeOnDisk') {
+    return (
+      <div className={styles.info}>
+        {formatBytes(sizeOnDisk)}
+      </div>
+    );
+  }
+
+  return null;
+}
+
+ArtistIndexPosterInfo.propTypes = {
+  network: PropTypes.string,
+  qualityProfile: PropTypes.object.isRequired,
+  previousAiring: PropTypes.string,
+  added: PropTypes.string,
+  albumCount: PropTypes.number.isRequired,
+  path: PropTypes.string.isRequired,
+  sizeOnDisk: PropTypes.number,
+  sortKey: PropTypes.string.isRequired,
+  showRelativeDates: PropTypes.bool.isRequired,
+  shortDateFormat: PropTypes.string.isRequired,
+  timeFormat: PropTypes.string.isRequired
+};
+
+export default ArtistIndexPosterInfo;