From 6fcbdc5ba3a71cb7d0eb04faa24f0bbe063f316f 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 movie details files tab

(cherry picked from commit 30aa5f9070bc9611bb9459d9d96bf293c971f891)
---
 frontend/src/MovieFile/Editor/MovieFileEditorRow.css      | 6 ++++++
 frontend/src/MovieFile/Editor/MovieFileEditorRow.js       | 8 ++++++++
 .../src/MovieFile/Editor/MovieFileEditorTableContent.js   | 5 +++++
 3 files changed, 19 insertions(+)

diff --git a/frontend/src/MovieFile/Editor/MovieFileEditorRow.css b/frontend/src/MovieFile/Editor/MovieFileEditorRow.css
index b75a60a77..13de2f1cd 100644
--- a/frontend/src/MovieFile/Editor/MovieFileEditorRow.css
+++ b/frontend/src/MovieFile/Editor/MovieFileEditorRow.css
@@ -33,3 +33,9 @@
 
   width: 100px;
 }
+
+.releaseGroup {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  width: 120px;
+}
diff --git a/frontend/src/MovieFile/Editor/MovieFileEditorRow.js b/frontend/src/MovieFile/Editor/MovieFileEditorRow.js
index db33f829d..ca29d73f0 100644
--- a/frontend/src/MovieFile/Editor/MovieFileEditorRow.js
+++ b/frontend/src/MovieFile/Editor/MovieFileEditorRow.js
@@ -74,6 +74,7 @@ class MovieFileEditorRow extends Component {
       mediaInfo,
       relativePath,
       size,
+      releaseGroup,
       quality,
       qualityCutoffNotMet,
       customFormats,
@@ -155,6 +156,12 @@ class MovieFileEditorRow extends Component {
           }
         </TableRowCell>
 
+        <TableRowCell
+          className={styles.releaseGroup}
+        >
+          {releaseGroup}
+        </TableRowCell>
+
         <TableRowCell
           className={styles.formats}
         >
@@ -216,6 +223,7 @@ MovieFileEditorRow.propTypes = {
   size: PropTypes.number.isRequired,
   relativePath: PropTypes.string.isRequired,
   quality: PropTypes.object.isRequired,
+  releaseGroup: PropTypes.string,
   customFormats: PropTypes.arrayOf(PropTypes.object).isRequired,
   qualityCutoffNotMet: PropTypes.bool.isRequired,
   languages: PropTypes.arrayOf(PropTypes.object).isRequired,
diff --git a/frontend/src/MovieFile/Editor/MovieFileEditorTableContent.js b/frontend/src/MovieFile/Editor/MovieFileEditorTableContent.js
index 7abb30c55..26fb4a8d7 100644
--- a/frontend/src/MovieFile/Editor/MovieFileEditorTableContent.js
+++ b/frontend/src/MovieFile/Editor/MovieFileEditorTableContent.js
@@ -39,6 +39,11 @@ const columns = [
     label: translate('Quality'),
     isVisible: true
   },
+  {
+    name: 'releaseGroup',
+    label: translate('ReleaseGroup'),
+    isVisible: true
+  },
   {
     name: 'quality.customFormats',
     label: translate('Formats'),