From 39d11b46696d14b898edffdbd91db3b4be3e1eaf Mon Sep 17 00:00:00 2001
From: Robin Dadswell <19610103+RobinDadswell@users.noreply.github.com>
Date: Sun, 24 Jan 2021 22:46:33 +0000
Subject: [PATCH] replaced words with icons and matched the sort for
 consistency

---
 .../Movie/Index/Posters/MovieIndexPoster.js   | 24 +++++++++++++++----
 .../Index/Posters/MovieIndexPosterInfo.js     | 14 ++++++++---
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPoster.js b/frontend/src/Movie/Index/Posters/MovieIndexPoster.js
index 62d0fa371..c8d1f9dcc 100644
--- a/frontend/src/Movie/Index/Posters/MovieIndexPoster.js
+++ b/frontend/src/Movie/Index/Posters/MovieIndexPoster.js
@@ -275,7 +275,9 @@ class MovieIndexPoster extends Component {
         {
           showCinemaRelease && inCinemas &&
             <div className={styles.title}>
-              {translate('InCinemas')}: {getRelativeDate(
+              <Icon
+                name={icons.IN_CINEMAS}
+              /> {getRelativeDate(
                 inCinemas,
                 shortDateFormat,
                 showRelativeDates,
@@ -288,16 +290,28 @@ class MovieIndexPoster extends Component {
         }
 
         {
-          showCinemaRelease && !inCinemas &&
+          showReleaseDate && releaseDateType === 'Released' &&
             <div className={styles.title}>
-              {translate('NoCinemaRelease')}
+              <Icon
+                name={icons.DISC}
+              /> {getRelativeDate(
+                releaseDate,
+                shortDateFormat,
+                showRelativeDates,
+                {
+                  timeFormat,
+                  timeForToday: false
+                }
+              )}
             </div>
         }
 
         {
-          showReleaseDate &&
+          showReleaseDate && releaseDateType === 'Digital' &&
             <div className={styles.title}>
-              {translate(releaseDateType)}: {getRelativeDate(
+              <Icon
+                name={icons.MOVIE_FILE}
+              /> {getRelativeDate(
                 releaseDate,
                 shortDateFormat,
                 showRelativeDates,
diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js b/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js
index 0d0e47350..33af9e33b 100644
--- a/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js
+++ b/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.js
@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import Icon from 'Components/Icon';
+import { icons } from 'Helpers/Props';
 import getRelativeDate from 'Utilities/Date/getRelativeDate';
 import formatBytes from 'Utilities/Number/formatBytes';
 import translate from 'Utilities/String/translate';
@@ -71,7 +73,9 @@ function MovieIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {translate('InCinemas')}: {inCinemasDate}
+        <Icon
+          name={icons.IN_CINEMAS}
+        /> {inCinemasDate}
       </div>
     );
   }
@@ -89,7 +93,9 @@ function MovieIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {translate('Digital')}: {digitalReleaseDate}
+        <Icon
+          name={icons.MOVIE_FILE}
+        /> {digitalReleaseDate}
       </div>
     );
   }
@@ -107,7 +113,9 @@ function MovieIndexPosterInfo(props) {
 
     return (
       <div className={styles.info}>
-        {translate('Released')}: {physicalReleaseDate}
+        <Icon
+          name={icons.DISC}
+        /> {physicalReleaseDate}
       </div>
     );
   }