Conditionally render city/state/country

Don't display those properties if they are falsey
OperationCode · Jul 13, 2018 · 715f5ab · 715f5ab
1 parent 88318d7
commit 715f5ab
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/scenes/home/jobs/featuredJob/featuredJob.js b/src/scenes/home/jobs/featuredJob/featuredJob.js
@@ -29,9 +29,9 @@ const FeaturedJob = ({
         </div>
         <div className={styles.detailsContainer}>
           <FontAwesomeIcon icon={faMapMarkerAlt} size="sm" style={{ color: '#afafaf' }} />
-          <span className={styles.detail}>{city},</span>
-          <span className={styles.detail}>{state},</span>
-          <span className={styles.detail}>{country}</span>
+          {city && <span className={styles.detail}>{city},</span>}
+          {state && <span className={styles.detail}>{state},</span>}
+          {country && <span className={styles.detail}>{country}</span>}
         </div>
         {remote &&
           <div className={styles.detailsContainer}>