-
-
-
- Aktive Strafe
-
-
Du hast eine aktive Strafe, die dich daran hindert, an Flügen teilzunehmen.
-
Strafe: {openPenaltys[0].reason}
- {openPenaltys[0].until && (
-
Bis: {new Date(openPenaltys[0].until).toLocaleDateString()}
- )}
-
+
+ {openPenaltys[0].type === "TIME_BAN" && (
+
+
+
+ Aktive Strafe - {" "}
+ verbleibend
+
+
+ Du hast eine aktive Strafe und kannst dich deshalb nicht mit dem Netzwerk verbinden.
+
+
Grund: {openPenaltys[0].reason}
+
+ )}
+ {openPenaltys[0].type === "BAN" && (
+
+
+
+ Du wurdest permanent von VirtualAirRescue ausgeschlossen.
+
+
+ Dein Fehlverhalten war so schwerwiegend, dass du dauerhaft von VirtualAirRescue
+ ausgeschlossen wurdest. Du kannst dich nicht mehr mit dem Netzwerk verbinden.
+
+
Grund: {openPenaltys[0].reason}
+
+ )}
);
};
diff --git a/apps/hub/app/(app)/_components/PenaltyCountdown.tsx b/apps/hub/app/(app)/_components/PenaltyCountdown.tsx
new file mode 100644
index 00000000..1dc4d65b
--- /dev/null
+++ b/apps/hub/app/(app)/_components/PenaltyCountdown.tsx
@@ -0,0 +1,46 @@
+"use client";
+import React, { useEffect, useState } from "react";
+
+interface PenaltyCountdownProps {
+ until: string | Date;
+}
+
+function getTimeLeft(until: string | Date) {
+ const untilDate = new Date(until).getTime();
+ const now = Date.now();
+ let diff = Math.max(0, untilDate - now);
+ const hours = Math.floor(diff / (1000 * 60 * 60));
+ diff -= hours * 1000 * 60 * 60;
+ const minutes = Math.floor(diff / (1000 * 60));
+ diff -= minutes * 1000 * 60;
+ const seconds = Math.floor(diff / 1000);
+ return { hours, minutes, seconds };
+}
+
+export const PenaltyCountdown: React.FC
= ({ until }) => {
+ const [timeLeft, setTimeLeft] = useState(() => getTimeLeft(until));
+
+ useEffect(() => {
+ const interval = setInterval(() => {
+ setTimeLeft(getTimeLeft(until));
+ }, 1000);
+ return () => clearInterval(interval);
+ }, [until]);
+
+ return (
+
+
+ {timeLeft.hours}
+
+ h
+
+ {timeLeft.minutes}
+
+ m
+
+ {timeLeft.seconds}
+
+ s
+
+ );
+};