From f334022cd64607fe403e28488676b73b6c3f4679 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Mon, 5 Nov 2018 23:27:44 +0530
Subject: [PATCH] Make duration stats visibility conditional

---
 frontend/my/src/Campaigns.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/my/src/Campaigns.js b/frontend/my/src/Campaigns.js
index 7a134696..6ce4508b 100644
--- a/frontend/my/src/Campaigns.js
+++ b/frontend/my/src/Campaigns.js
@@ -208,7 +208,6 @@ class Campaigns extends React.PureComponent {
                     <Progress strokeColor={ color } status="active"
                               type="line" percent={ this.progressPercent(record) } />
                 }
-
                 <Row><Col className="label" span={10}>Sent</Col><Col span={12}>
                     { sent >= toSend &&
                         <span>{ toSend }</span>   
@@ -225,25 +224,25 @@ class Campaigns extends React.PureComponent {
                 { rate > 0 &&
                     <Row><Col className="label" span={10}>Rate</Col><Col span={12}>{ Math.round(rate, 2) } / min</Col></Row>
                 }
-                
+
                 <Row><Col className="label" span={10}>Views</Col><Col span={12}>0</Col></Row>
                 <Row><Col className="label" span={10}>Clicks</Col><Col span={12}>0</Col></Row>
                 <br />
-
                 <Row><Col className="label" span={10}>Created</Col><Col span={12}>{ dayjs(record.created_at).format(cs.DateFormat) }</Col></Row>
 
                 { startedAt && 
                     <Row><Col className="label" span={10}>Started</Col><Col span={12}>{ dayjs(startedAt).format(cs.DateFormat) }</Col></Row>
                 }
-
                 { isDone && 
                     <Row><Col className="label" span={10}>Ended</Col><Col span={12}>
                         { dayjs(updatedAt).format(cs.DateFormat) }
                     </Col></Row>
                 }
-                <Row><Col className="label" span={10}>Duration</Col><Col className="duration" span={12}>
-                    { startedAt ? dayjs(updatedAt).from(dayjs(startedAt), true) : "" }
-                </Col></Row>
+                { startedAt && updatedAt &&
+                    <Row><Col className="label" span={10}>Duration</Col><Col className="duration" span={12}>
+                        { dayjs(updatedAt).from(dayjs(startedAt), true) }
+                    </Col></Row>
+                }
             </div>
         )
     }