diff --git a/src/components/DeadlineCountdown.tsx b/src/components/DeadlineCountdown.tsx index 133423d8..de829df8 100644 --- a/src/components/DeadlineCountdown.tsx +++ b/src/components/DeadlineCountdown.tsx @@ -20,7 +20,7 @@ export function DeadlineCountdown({ lastPlotTime }: { lastPlotTime: string }) { return (
Next plot due in - --:--:-- + --
); } @@ -33,17 +33,24 @@ export function DeadlineCountdown({ lastPlotTime }: { lastPlotTime: string }) { ); } - const hours = Math.floor(remaining / 3600); + const days = Math.floor(remaining / 86400); + const hours = Math.floor((remaining % 86400) / 3600); const minutes = Math.floor((remaining % 3600) / 60); const seconds = remaining % 60; + let formatted: string; + if (days > 0) { + formatted = `${days}d ${hours}h ${minutes}m ${seconds}s`; + } else if (hours > 0) { + formatted = `${hours}h ${minutes}m ${seconds}s`; + } else { + formatted = `${minutes}m ${seconds}s`; + } + return (
Next plot due in - - {String(hours).padStart(2, "0")}:{String(minutes).padStart(2, "0")}: - {String(seconds).padStart(2, "0")} - + {formatted}
); }