fix: better wait time on bar view

Pwnzer0tt1 · Jun 22, 2024 · 7844d45 · 7844d45
1 parent 4f4322c
commit 7844d45
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/src/components/HomePage.tsx b/frontend/src/components/HomePage.tsx
@@ -10,6 +10,7 @@ import { PiSwordBold } from "react-icons/pi";
 import { MdGroups } from "react-icons/md";
 import { useNavigate, useParams } from "react-router";
 import { useInterval } from "@mantine/hooks";
+import { secondDurationToString } from "@/utils/time";
 
 export const HomePage = () => {
     const { page } = useParams()
@@ -71,7 +72,7 @@ export const HomePage = () => {
         {messages?<>{messages}<Space h="lg" /></>:null}
         {nextTickIn==Infinity?"Waiting for the first attack":
         nextTickIn==-2?"Game ended! 👾":<>
-            Next tick in: {nextTickIn == -1?"Not started yet :(":`${nextTickIn.toFixed(0)} s`}
+            Next tick in: {nextTickIn == -1?"Not started yet :(":`${secondDurationToString(parseInt(nextTickIn.toFixed(0)))}`}
         </>}
         <Progress color={nextTickIn!=-2?"red":"lime"} radius="md" size="xl" value={nextTickIn==-2?100:(nextTickIn/tickTime)*100} striped={nextTickIn!=-2} animated={nextTickIn!=-2} />
         <Space h="lg" />