From 5de7ab0daa255b608f008f454595c8f1cc66bcda Mon Sep 17 00:00:00 2001
From: Kristoffer Juelsen <kristoju@stud.ntnu.no>
Date: Fri, 22 Apr 2022 09:21:53 +0200
Subject: [PATCH] Conditional rendering for countdown

---
 src/client/src/FrontPage.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/client/src/FrontPage.js b/src/client/src/FrontPage.js
index 6519fce..b585e6c 100644
--- a/src/client/src/FrontPage.js
+++ b/src/client/src/FrontPage.js
@@ -78,7 +78,11 @@ function TournamentListItem(props) {
         </Box>)
     } else {
       return(<Box>
-      <Typography variant="body"> Starts in: {remainingDays} Days, {remainingHours} Hours, {remainingMins} Minutes and {remainingSecs} Seconds </Typography>
+        { remainingDays > 0 ? <Typography variant="body"> {remainingDays} days </Typography> : null }
+        { remainingHours > 0 ? <Typography variant="body"> {remainingHours} hours </Typography> : null }
+        { remainingMins > 0 ? <Typography variant="body"> {remainingMins} mins </Typography> : null }
+        { remainingSecs > 0 ? <Typography variant="body"> {remainingSecs} secs </Typography> : null }
+      {/* <Typography variant="body"> Starts in: {remainingDays} Days, {remainingHours} Hours, {remainingMins} Minutes and {remainingSecs} Seconds </Typography> */}
       </Box>
       )
     }