felixalb
/
asura-tmdb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Conditional rendering for countdown

This commit is contained in:
Kristoffer Juelsenn 2022-04-22 09:21:53 +02:00
parent a025aaee06
commit 5de7ab0daa
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/src/FrontPage.js
View File

@ -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>
)
}