From 6ce57a9a43e876f7f6dddcfb38ad0078a7d1defa Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Mon, 27 Sep 2021 16:57:24 +1000
Subject: [PATCH] Fix styling for scene duration on empty system (#1781)

---
 ui/v2.5/src/components/Stats.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/v2.5/src/components/Stats.tsx b/ui/v2.5/src/components/Stats.tsx
index 38cf76213..bfc1ff01b 100644
--- a/ui/v2.5/src/components/Stats.tsx
+++ b/ui/v2.5/src/components/Stats.tsx
@@ -14,6 +14,11 @@ export const Stats: React.FC = () => {
   const scenesSize = TextUtils.fileSize(data.stats.scenes_size);
   const imagesSize = TextUtils.fileSize(data.stats.images_size);
 
+  const scenesDuration = TextUtils.secondsAsTimeString(
+    data.stats.scenes_duration,
+    3
+  );
+
   return (
     <div className="mt-5">
       <div className="col col-sm-8 m-sm-auto row stats">
@@ -48,9 +53,7 @@ export const Stats: React.FC = () => {
           </p>
         </div>
         <div className="stats-element">
-          <p className="title">
-            {` ${TextUtils.secondsAsTimeString(data.stats.scenes_duration, 3)}`}
-          </p>
+          <p className="title">{scenesDuration || "-"}</p>
           <p className="heading">
             <FormattedMessage id="stats.scenes_duration" />
           </p>