From 30aa5f9070bc9611bb9459d9d96bf293c971f891 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Tue, 5 Oct 2021 15:45:58 -0700
Subject: [PATCH] New: Release group column on series details

---
 frontend/src/Series/Details/EpisodeRow.css         |  6 ++++++
 frontend/src/Series/Details/EpisodeRow.js          | 13 +++++++++++++
 frontend/src/Series/Details/EpisodeRowConnector.js |  1 +
 frontend/src/Store/Actions/episodeActions.js       |  5 +++++
 4 files changed, 25 insertions(+)

diff --git a/frontend/src/Series/Details/EpisodeRow.css b/frontend/src/Series/Details/EpisodeRow.css
index 6a16b39a2..6ef47cdba 100644
--- a/frontend/src/Series/Details/EpisodeRow.css
+++ b/frontend/src/Series/Details/EpisodeRow.css
@@ -36,3 +36,9 @@
 
   width: 100px;
 }
+
+.releaseGroup {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  width: 120px;
+}
diff --git a/frontend/src/Series/Details/EpisodeRow.js b/frontend/src/Series/Details/EpisodeRow.js
index fcd4a7905..bdb2dee7b 100644
--- a/frontend/src/Series/Details/EpisodeRow.js
+++ b/frontend/src/Series/Details/EpisodeRow.js
@@ -68,6 +68,7 @@ class EpisodeRow extends Component {
       episodeFilePath,
       episodeFileRelativePath,
       episodeFileSize,
+      releaseGroup,
       alternateTitles,
       columns
     } = this.props;
@@ -220,6 +221,17 @@ class EpisodeRow extends Component {
               );
             }
 
+            if (name === 'releaseGroup') {
+              return (
+                <TableRowCell
+                  key={name}
+                  className={styles.releaseGroup}
+                >
+                  {releaseGroup}
+                </TableRowCell>
+              );
+            }
+
             if (name === 'status') {
               return (
                 <TableRowCell
@@ -274,6 +286,7 @@ EpisodeRow.propTypes = {
   episodeFilePath: PropTypes.string,
   episodeFileRelativePath: PropTypes.string,
   episodeFileSize: PropTypes.number,
+  releaseGroup: PropTypes.string,
   mediaInfo: PropTypes.object,
   alternateTitles: PropTypes.arrayOf(PropTypes.object).isRequired,
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
diff --git a/frontend/src/Series/Details/EpisodeRowConnector.js b/frontend/src/Series/Details/EpisodeRowConnector.js
index 6749bb40e..da934e2ad 100644
--- a/frontend/src/Series/Details/EpisodeRowConnector.js
+++ b/frontend/src/Series/Details/EpisodeRowConnector.js
@@ -17,6 +17,7 @@ function createMapStateToProps() {
         episodeFilePath: episodeFile ? episodeFile.path : null,
         episodeFileRelativePath: episodeFile ? episodeFile.relativePath : null,
         episodeFileSize: episodeFile ? episodeFile.size : null,
+        releaseGroup: episodeFile ? episodeFile.releaseGroup : null,
         alternateTitles: series.alternateTitles
       };
     }
diff --git a/frontend/src/Store/Actions/episodeActions.js b/frontend/src/Store/Actions/episodeActions.js
index 7c822c985..35aede1b3 100644
--- a/frontend/src/Store/Actions/episodeActions.js
+++ b/frontend/src/Store/Actions/episodeActions.js
@@ -79,6 +79,11 @@ export const defaultState = {
       label: 'Size',
       isVisible: false
     },
+    {
+      name: 'releaseGroup',
+      label: 'Release Group',
+      isVisible: false
+    },
     {
       name: 'status',
       label: 'Status',