From c78666009de3b660a2f00f106eba5fd5bf47f1de Mon Sep 17 00:00:00 2001
From: Bwaffles <5383859+Bwaffles@users.noreply.github.com>
Date: Tue, 5 Aug 2025 14:03:51 -0400
Subject: [PATCH] New: Add Year sorting to Discover page

---
 .../src/DiscoverMovie/Menus/DiscoverMovieSortMenu.js     | 9 +++++++++
 frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css | 3 ++-
 .../src/DiscoverMovie/Table/DiscoverMovieHeader.css.d.ts | 1 +
 frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css    | 3 ++-
 .../src/DiscoverMovie/Table/DiscoverMovieRow.css.d.ts    | 1 +
 frontend/src/DiscoverMovie/Table/DiscoverMovieRow.js     | 8 ++++++++
 frontend/src/Store/Actions/discoverMovieActions.js       | 6 ++++++
 7 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/frontend/src/DiscoverMovie/Menus/DiscoverMovieSortMenu.js b/frontend/src/DiscoverMovie/Menus/DiscoverMovieSortMenu.js
index b402355c93..7be8c0d7e4 100644
--- a/frontend/src/DiscoverMovie/Menus/DiscoverMovieSortMenu.js
+++ b/frontend/src/DiscoverMovie/Menus/DiscoverMovieSortMenu.js
@@ -47,6 +47,15 @@ function DiscoverMovieSortMenu(props) {
           {translate('Studio')}
         </SortMenuItem>
 
+        <SortMenuItem
+          name="year"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('Year')}
+        </SortMenuItem>
+
         <SortMenuItem
           name="inCinemas"
           sortKey={sortKey}
diff --git a/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css b/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css
index f8d01a39a4..82ba1acf33 100644
--- a/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css
+++ b/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css
@@ -36,7 +36,8 @@
 .imdbRating,
 .rottenTomatoesRating,
 .traktRating,
-.runtime {
+.runtime,
+.year {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 
   flex: 0 0 90px;
diff --git a/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css.d.ts b/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css.d.ts
index 0e3bc5093b..0998d63c9d 100644
--- a/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css.d.ts
+++ b/frontend/src/DiscoverMovie/Table/DiscoverMovieHeader.css.d.ts
@@ -22,6 +22,7 @@ interface CssExports {
   'studio': string;
   'tmdbRating': string;
   'traktRating': string;
+  'year': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
diff --git a/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css b/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css
index 7b4be74db6..0b3199dab9 100644
--- a/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css
+++ b/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css
@@ -61,7 +61,8 @@
 .imdbRating,
 .rottenTomatoesRating,
 .traktRating,
-.runtime {
+.runtime,
+.year {
   composes: cell;
 
   flex: 0 0 90px;
diff --git a/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css.d.ts b/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css.d.ts
index 2d8ef2b72e..14b509e60a 100644
--- a/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css.d.ts
+++ b/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.css.d.ts
@@ -28,6 +28,7 @@ interface CssExports {
   'studio': string;
   'tmdbRating': string;
   'traktRating': string;
+  'year': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
diff --git a/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.js b/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.js
index d4a79d8b23..5a4d1fd655 100644
--- a/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.js
+++ b/frontend/src/DiscoverMovie/Table/DiscoverMovieRow.js
@@ -167,6 +167,14 @@ class DiscoverMovieRow extends Component {
               );
             }
 
+            if (name === 'year') {
+              return (
+                <VirtualTableRowCell key={name} className={styles[name]}>
+                  {year}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'collection') {
               return (
                 <VirtualTableRowCell
diff --git a/frontend/src/Store/Actions/discoverMovieActions.js b/frontend/src/Store/Actions/discoverMovieActions.js
index c658b7ed5f..9371b0c559 100644
--- a/frontend/src/Store/Actions/discoverMovieActions.js
+++ b/frontend/src/Store/Actions/discoverMovieActions.js
@@ -133,6 +133,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: true
     },
+    {
+      name: 'year',
+      label: () => translate('Year'),
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'inCinemas',
       label: () => translate('InCinemas'),