From 398fc4dca25715fdf139dc1f1799d4049cb32cec Mon Sep 17 00:00:00 2001
From: nitsua <austin.w.best@gmail.com>
Date: Mon, 12 Apr 2021 20:49:37 -0400
Subject: [PATCH] Add certification and runtime to search results (#6154)

---
 .../AddNewMovie/AddNewMovieSearchResult.css   |  7 +++++
 .../AddNewMovie/AddNewMovieSearchResult.js    | 27 +++++++++++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
index a631f7dcf..3d5fa7ebc 100644
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
@@ -103,3 +103,10 @@
     overflow: hidden;
   }
 }
+
+.certification {
+  margin-right: 5px;
+  padding: 0 5px;
+  border: 1px solid;
+  border-radius: 5px;
+}
diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
index e6d8e3b11..daa56d5b3 100644
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
@@ -10,6 +10,7 @@ import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
 import MovieStatusLabel from 'Movie/Details/MovieStatusLabel';
 import MovieIndexProgressBar from 'Movie/Index/ProgressBar/MovieIndexProgressBar';
 import MoviePoster from 'Movie/MoviePoster';
+import formatRuntime from 'Utilities/Date/formatRuntime';
 import translate from 'Utilities/String/translate';
 import AddNewMovieModal from './AddNewMovieModal';
 import styles from './AddNewMovieSearchResult.css';
@@ -74,7 +75,10 @@ class AddNewMovieSearchResult extends Component {
       hasFile,
       isAvailable,
       queueStatus,
-      queueState
+      queueState,
+      runtime,
+      movieRuntimeFormat,
+      certification
     } = this.props;
 
     const {
@@ -160,6 +164,22 @@ class AddNewMovieSearchResult extends Component {
               </div>
             </div>
 
+            <div>
+              {
+                !!certification &&
+                  <span className={styles.certification}>
+                    {certification}
+                  </span>
+              }
+
+              {
+                !!runtime &&
+                  <span>
+                    {formatRuntime(runtime, movieRuntimeFormat)}
+                  </span>
+              }
+            </div>
+
             <div>
               <Label size={sizes.LARGE}>
                 <HeartRating
@@ -259,7 +279,10 @@ AddNewMovieSearchResult.propTypes = {
   isAvailable: PropTypes.bool.isRequired,
   colorImpairedMode: PropTypes.bool,
   queueStatus: PropTypes.string,
-  queueState: PropTypes.string
+  queueState: PropTypes.string,
+  runtime: PropTypes.number.isRequired,
+  movieRuntimeFormat: PropTypes.string.isRequired,
+  certification: PropTypes.string
 };
 
 export default AddNewMovieSearchResult;