From f228841dc716d0bf77999ec84bd09632e11cbec7 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Sat, 22 Jun 2024 02:59:34 +0300
Subject: [PATCH] New: Release dates as columns for Missing/Cutoff Unmet

---
 frontend/src/Store/Actions/wantedActions.js   | 36 ++++++++++++++++++
 .../src/Wanted/CutoffUnmet/CutoffUnmetRow.js  | 37 +++++++++++++++++++
 frontend/src/Wanted/Missing/MissingRow.js     | 37 +++++++++++++++++++
 3 files changed, 110 insertions(+)

diff --git a/frontend/src/Store/Actions/wantedActions.js b/frontend/src/Store/Actions/wantedActions.js
index 2eb186f86..e10d90de6 100644
--- a/frontend/src/Store/Actions/wantedActions.js
+++ b/frontend/src/Store/Actions/wantedActions.js
@@ -40,6 +40,24 @@ export const defaultState = {
         isSortable: true,
         isVisible: true
       },
+      {
+        name: 'movieMetadata.inCinemas',
+        label: () => translate('InCinemas'),
+        isSortable: true,
+        isVisible: false
+      },
+      {
+        name: 'movieMetadata.digitalRelease',
+        label: () => translate('DigitalRelease'),
+        isSortable: true,
+        isVisible: false
+      },
+      {
+        name: 'movieMetadata.physicalRelease',
+        label: () => translate('PhysicalRelease'),
+        isSortable: true,
+        isVisible: false
+      },
       {
         name: 'status',
         label: () => translate('Status'),
@@ -102,6 +120,24 @@ export const defaultState = {
         isSortable: true,
         isVisible: true
       },
+      {
+        name: 'movieMetadata.inCinemas',
+        label: () => translate('InCinemas'),
+        isSortable: true,
+        isVisible: false
+      },
+      {
+        name: 'movieMetadata.digitalRelease',
+        label: () => translate('DigitalRelease'),
+        isSortable: true,
+        isVisible: false
+      },
+      {
+        name: 'movieMetadata.physicalRelease',
+        label: () => translate('PhysicalRelease'),
+        isSortable: true,
+        isVisible: false
+      },
       {
         name: 'languages',
         label: () => translate('Languages'),
diff --git a/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.js b/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.js
index ab54b956a..31a4c50fb 100644
--- a/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.js
+++ b/frontend/src/Wanted/CutoffUnmet/CutoffUnmetRow.js
@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
 import TableRow from 'Components/Table/TableRow';
@@ -17,6 +18,9 @@ function CutoffUnmetRow(props) {
     year,
     title,
     titleSlug,
+    inCinemas,
+    digitalRelease,
+    physicalRelease,
     isSelected,
     columns,
     onSelectedChange
@@ -60,6 +64,36 @@ function CutoffUnmetRow(props) {
             );
           }
 
+          if (name === 'movieMetadata.inCinemas') {
+            return (
+              <RelativeDateCellConnector
+                key={name}
+                className={styles[name]}
+                date={inCinemas}
+              />
+            );
+          }
+
+          if (name === 'movieMetadata.digitalRelease') {
+            return (
+              <RelativeDateCellConnector
+                key={name}
+                className={styles[name]}
+                date={digitalRelease}
+              />
+            );
+          }
+
+          if (name === 'movieMetadata.physicalRelease') {
+            return (
+              <RelativeDateCellConnector
+                key={name}
+                className={styles[name]}
+                date={physicalRelease}
+              />
+            );
+          }
+
           if (name === 'languages') {
             return (
               <TableRowCell
@@ -112,6 +146,9 @@ CutoffUnmetRow.propTypes = {
   title: PropTypes.string.isRequired,
   year: PropTypes.number.isRequired,
   titleSlug: PropTypes.string.isRequired,
+  inCinemas: PropTypes.string,
+  digitalRelease: PropTypes.string,
+  physicalRelease: PropTypes.string,
   isSelected: PropTypes.bool,
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
   onSelectedChange: PropTypes.func.isRequired
diff --git a/frontend/src/Wanted/Missing/MissingRow.js b/frontend/src/Wanted/Missing/MissingRow.js
index a5175de20..bb3288bb7 100644
--- a/frontend/src/Wanted/Missing/MissingRow.js
+++ b/frontend/src/Wanted/Missing/MissingRow.js
@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
 import TableRow from 'Components/Table/TableRow';
@@ -16,6 +17,9 @@ function MissingRow(props) {
     year,
     title,
     titleSlug,
+    inCinemas,
+    digitalRelease,
+    physicalRelease,
     isSelected,
     columns,
     onSelectedChange
@@ -63,6 +67,36 @@ function MissingRow(props) {
             );
           }
 
+          if (name === 'movieMetadata.inCinemas') {
+            return (
+              <RelativeDateCellConnector
+                key={name}
+                className={styles[name]}
+                date={inCinemas}
+              />
+            );
+          }
+
+          if (name === 'movieMetadata.digitalRelease') {
+            return (
+              <RelativeDateCellConnector
+                key={name}
+                className={styles[name]}
+                date={digitalRelease}
+              />
+            );
+          }
+
+          if (name === 'movieMetadata.physicalRelease') {
+            return (
+              <RelativeDateCellConnector
+                key={name}
+                className={styles[name]}
+                date={physicalRelease}
+              />
+            );
+          }
+
           if (name === 'status') {
             return (
               <TableRowCell
@@ -102,6 +136,9 @@ MissingRow.propTypes = {
   title: PropTypes.string.isRequired,
   year: PropTypes.number.isRequired,
   titleSlug: PropTypes.string.isRequired,
+  inCinemas: PropTypes.string,
+  digitalRelease: PropTypes.string,
+  physicalRelease: PropTypes.string,
   isSelected: PropTypes.bool,
   columns: PropTypes.arrayOf(PropTypes.object).isRequired,
   onSelectedChange: PropTypes.func.isRequired