From e20e8fe2bf8b74c9ace9413aa1669996adae38fb Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 17 Jun 2020 23:16:31 -0700
Subject: [PATCH] fix: Hide duration when there is no duration

---
 src/templates/GuideTemplate.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/templates/GuideTemplate.js b/src/templates/GuideTemplate.js
index 970de2c32..24aeff5b1 100644
--- a/src/templates/GuideTemplate.js
+++ b/src/templates/GuideTemplate.js
@@ -38,10 +38,12 @@ const GuideTemplate = ({ data }) => {
         <SEO title={title} description={description} />
         <div className={styles.header}>
           <PageTitle>{title}</PageTitle>
-          <div className={styles.duration}>
-            <FeatherIcon name="clock" className={styles.clock} />
-            {duration}
-          </div>
+          {duration && (
+            <div className={styles.duration}>
+              <FeatherIcon name="clock" className={styles.clock} />
+              {duration}
+            </div>
+          )}
         </div>
         <div className={styles.mdxContainer}>
           <MDXProvider components={components}>