From c2c4186965f7d1257d7fb1180c778b62a08fb743 Mon Sep 17 00:00:00 2001
From: Robin Dadswell <robin@dadswell.email>
Date: Wed, 6 Jan 2021 00:06:14 +0000
Subject: [PATCH] formatted date

---
 .../Movie/Index/Posters/MovieIndexPoster.js   | 61 ++++++++++++++++---
 .../Movie/Index/Posters/MovieIndexPosters.js  | 11 +++-
 2 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPoster.js b/frontend/src/Movie/Index/Posters/MovieIndexPoster.js
index 327cd8ed4..76c02c8af 100644
--- a/frontend/src/Movie/Index/Posters/MovieIndexPoster.js
+++ b/frontend/src/Movie/Index/Posters/MovieIndexPoster.js
@@ -134,13 +134,57 @@ class MovieIndexPoster extends Component {
     let releaseDate = '';
     if (showReleaseDate) {
       if (physicalRelease && digitalRelease) {
-        releaseDate = '';
+        if (physicalRelease < digitalRelease) {
+          releaseDate = getRelativeDate(
+            physicalRelease,
+            shortDateFormat,
+            showRelativeDates,
+            {
+              timeFormat,
+              timeForToday: false
+            }
+          );
+        } else {
+          getRelativeDate(
+            digitalRelease,
+            shortDateFormat,
+            showRelativeDates,
+            {
+              timeFormat,
+              timeForToday: false
+            }
+          );
+        }
       } else if (physicalRelease && !digitalRelease) {
-        releaseDate = physicalRelease;
+        releaseDate = getRelativeDate(
+          physicalRelease,
+          shortDateFormat,
+          showRelativeDates,
+          {
+            timeFormat,
+            timeForToday: false
+          }
+        );
       } else if (digitalRelease && !physicalRelease) {
-        releaseDate = digitalRelease;
+        releaseDate = getRelativeDate(
+          digitalRelease,
+          shortDateFormat,
+          showRelativeDates,
+          {
+            timeFormat,
+            timeForToday: false
+          }
+        );
       } else {
-        releaseDate = inCinemas;
+        releaseDate = getRelativeDate(
+          inCinemas,
+          shortDateFormat,
+          showRelativeDates,
+          {
+            timeFormat,
+            timeForToday: false
+          }
+        );
       }
     }
 
@@ -272,9 +316,12 @@ class MovieIndexPoster extends Component {
 
         {
           showReleaseDate &&
-            <div className={styles.title}>
-              {releaseDate}
-            </div>
+          <RelativeDateCellConnector
+            key={releaseDate}
+            className={styles.title}
+            date={releaseDate}
+            component={VirtualTableRowCell}
+          />
         }
 
         <MovieIndexPosterInfo
diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPosters.js b/frontend/src/Movie/Index/Posters/MovieIndexPosters.js
index 68463b39c..2a01a808b 100644
--- a/frontend/src/Movie/Index/Posters/MovieIndexPosters.js
+++ b/frontend/src/Movie/Index/Posters/MovieIndexPosters.js
@@ -38,7 +38,8 @@ function calculateRowHeight(posterHeight, sortKey, isSmallScreen, posterOptions)
     detailedProgressBar,
     showTitle,
     showMonitored,
-    showQualityProfile
+    showQualityProfile,
+    showReleaseDate
   } = posterOptions;
 
   const nextAiringHeight = 19;
@@ -62,6 +63,10 @@ function calculateRowHeight(posterHeight, sortKey, isSmallScreen, posterOptions)
     heights.push(19);
   }
 
+  if (showReleaseDate) {
+    heights.push(19);
+  }
+
   switch (sortKey) {
     case 'studio':
     case 'added':
@@ -206,7 +211,8 @@ class MovieIndexPosters extends Component {
       detailedProgressBar,
       showTitle,
       showMonitored,
-      showQualityProfile
+      showQualityProfile,
+      showReleaseDate
     } = posterOptions;
 
     const movieIdx = rowIndex * columnCount + columnIndex;
@@ -235,6 +241,7 @@ class MovieIndexPosters extends Component {
           showTitle={showTitle}
           showMonitored={showMonitored}
           showQualityProfile={showQualityProfile}
+          showReleaseDate={showReleaseDate}
           showRelativeDates={showRelativeDates}
           shortDateFormat={shortDateFormat}
           timeFormat={timeFormat}