From e0c39aeca119b822f2a54ff05a97f91780ddd052 Mon Sep 17 00:00:00 2001
From: sct <sctsnipe@gmail.com>
Date: Fri, 18 Sep 2020 15:19:35 +0000
Subject: [PATCH] fix(frontend): dont show runtime if there is no runtime data

---
 src/components/MovieDetails/index.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/MovieDetails/index.tsx b/src/components/MovieDetails/index.tsx
index ee2dd525a..e00d194fb 100644
--- a/src/components/MovieDetails/index.tsx
+++ b/src/components/MovieDetails/index.tsx
@@ -143,11 +143,16 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
           </span>
           <h1 className="text-2xl md:text-4xl">{data.title}</h1>
           <span className="text-xs md:text-base mt-1 md:mt-0">
-            <FormattedMessage
-              {...messages.runtime}
-              values={{ minutes: data.runtime }}
-            />{' '}
-            | {data.genres.map((g) => g.name).join(', ')}
+            {(data.runtime ?? 0) > 0 && (
+              <>
+                <FormattedMessage
+                  {...messages.runtime}
+                  values={{ minutes: data.runtime }}
+                />{' '}
+                |{' '}
+              </>
+            )}
+            {data.genres.map((g) => g.name).join(', ')}
           </span>
         </div>
         <div className="flex-1 flex justify-end mt-4 md:mt-0">