Rename UI Component Episode to Album

2026-04-21 22:04:31 -04:00 · 2017-10-18 21:56:15 -04:00
parent a80360f6fd
commit 4b278c80aa
54 changed files with 38 additions and 38 deletions
@@ -0,0 +1,83 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import DescriptionList from 'Components/DescriptionList/DescriptionList';
+import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem';
+import styles from './SceneInfo.css';
+
+function SceneInfo(props) {
+  const {
+    sceneSeasonNumber,
+    sceneEpisodeNumber,
+    sceneAbsoluteEpisodeNumber,
+    alternateTitles,
+    artistType
+  } = props;
+
+  return (
+    <DescriptionList>
+      {
+        sceneSeasonNumber !== undefined &&
+          <DescriptionListItem
+            titleClassName={styles.title}
+            descriptionClassName={styles.description}
+            title="Season"
+            data={sceneSeasonNumber}
+          />
+      }
+
+      {
+        sceneEpisodeNumber !== undefined &&
+          <DescriptionListItem
+            titleClassName={styles.title}
+            descriptionClassName={styles.description}
+            title="Episode"
+            data={sceneEpisodeNumber}
+          />
+      }
+
+      {
+        artistType === 'anime' && sceneAbsoluteEpisodeNumber !== undefined &&
+          <DescriptionListItem
+            titleClassName={styles.title}
+            descriptionClassName={styles.description}
+            title="Absolute"
+            data={sceneAbsoluteEpisodeNumber}
+          />
+      }
+
+      {
+        !!alternateTitles.length &&
+          <DescriptionListItem
+            titleClassName={styles.title}
+            descriptionClassName={styles.description}
+            title={alternateTitles.length === 1 ? 'Title' : 'Titles'}
+            data={
+              <div>
+                {
+                  alternateTitles.map((alternateTitle) => {
+                    return (
+                      <div
+                        key={alternateTitle.title}
+                      >
+                        {alternateTitle.title}
+                      </div>
+                    );
+                  })
+                }
+              </div>
+            }
+          />
+      }
+    </DescriptionList>
+  );
+}
+
+SceneInfo.propTypes = {
+  sceneSeasonNumber: PropTypes.number,
+  sceneEpisodeNumber: PropTypes.number,
+  sceneAbsoluteEpisodeNumber: PropTypes.number,
+  alternateTitles: PropTypes.arrayOf(PropTypes.object).isRequired,
+  artistType: PropTypes.string
+};
+
+export default SceneInfo;