SOV-3464: proposal timer format (#708)

* fix: proposal timer foramt * chore: add changeset * fix: timer formating issue --------- Co-authored-by: soulBit <[email protected]>
DistributedCollective · Dec 19, 2023 · 6705fa2 · 6705fa2
1 parent f605ea9
commit 6705fa2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/.changeset/rotten-ties-double.md b/.changeset/rotten-ties-double.md
@@ -0,0 +1,5 @@
+---
+"frontend": patch
+---
+
+SOV-3464: Proposals - fix timer formatting
diff --git a/apps/frontend/src/app/5_pages/ProposalPage/components/VoteTimer/VoteTimer.tsx b/apps/frontend/src/app/5_pages/ProposalPage/components/VoteTimer/VoteTimer.tsx
@@ -40,9 +40,25 @@ export const VoteTimer: FC<VoteTimerProps> = ({ proposal, className }) => {
       return t(pageTranslations.voteEnded);
     }
 
-    return `${[days, hours, minutes, seconds].join(':')} (${
-      proposal.endBlock - blockNumber
-    }) ${t(pageTranslations.blocks)}`;
+    const timeArray = [days, hours, minutes, seconds];
+
+    if (!days) {
+      timeArray.shift();
+    }
+
+    if (!hours) {
+      timeArray.shift();
+    }
+
+    if (!minutes) {
+      timeArray.shift();
+    }
+
+    return `${timeArray
+      .map(time => String(time).padStart(2, '0'))
+      .join(':')} (${proposal.endBlock - blockNumber}) ${t(
+      pageTranslations.blocks,
+    )}`;
   }, [blockNumber, days, hours, minutes, proposal.endBlock, seconds, status]);
 
   return (