From b97e6977fb6fbd71598be61c1958f8447c48b84e Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Sat, 4 Jul 2020 21:59:54 -0400
Subject: [PATCH] New: Year column on Movie Index view

---
 frontend/src/Movie/Index/Table/MovieIndexHeader.css |  6 ++++++
 frontend/src/Movie/Index/Table/MovieIndexRow.css    |  6 ++++++
 frontend/src/Movie/Index/Table/MovieIndexRow.js     | 13 +++++++++++++
 frontend/src/Store/Actions/movieIndexActions.js     |  6 ++++++
 4 files changed, 31 insertions(+)

diff --git a/frontend/src/Movie/Index/Table/MovieIndexHeader.css b/frontend/src/Movie/Index/Table/MovieIndexHeader.css
index e2f232607..86d3bb501 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexHeader.css
+++ b/frontend/src/Movie/Index/Table/MovieIndexHeader.css
@@ -46,6 +46,12 @@
   flex: 0 0 100px;
 }
 
+.year {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 80px;
+}
+
 .path {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 
diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.css b/frontend/src/Movie/Index/Table/MovieIndexRow.css
index 180406b6b..089facc74 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexRow.css
+++ b/frontend/src/Movie/Index/Table/MovieIndexRow.css
@@ -53,6 +53,12 @@
   flex: 0 0 100px;
 }
 
+.year {
+  composes: cell;
+
+  flex: 0 0 80px;
+}
+
 .path {
   composes: cell;
 
diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.js b/frontend/src/Movie/Index/Table/MovieIndexRow.js
index 5ecf54ebc..9ee94eddc 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexRow.js
+++ b/frontend/src/Movie/Index/Table/MovieIndexRow.js
@@ -69,6 +69,7 @@ class MovieIndexRow extends Component {
       studio,
       qualityProfile,
       added,
+      year,
       inCinemas,
       physicalRelease,
       runtime,
@@ -191,6 +192,17 @@ class MovieIndexRow extends Component {
               );
             }
 
+            if (name === 'year') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {year}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'inCinemas') {
               return (
                 <RelativeDateCellConnector
@@ -386,6 +398,7 @@ MovieIndexRow.propTypes = {
   collection: PropTypes.object,
   qualityProfile: PropTypes.object.isRequired,
   added: PropTypes.string,
+  year: PropTypes.number,
   inCinemas: PropTypes.string,
   physicalRelease: PropTypes.string,
   runtime: PropTypes.number,
diff --git a/frontend/src/Store/Actions/movieIndexActions.js b/frontend/src/Store/Actions/movieIndexActions.js
index 5e09e8f4a..2a0a4f305 100644
--- a/frontend/src/Store/Actions/movieIndexActions.js
+++ b/frontend/src/Store/Actions/movieIndexActions.js
@@ -101,6 +101,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: false
     },
+    {
+      name: 'year',
+      label: 'Year',
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'inCinemas',
       label: 'In Cinemas',