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