Countdown now shows time in CET

This commit is contained in:
m0rph3us1987
2026-02-28 14:59:42 +01:00
parent 932cdd8a3a
commit fba544d64e

View File

@@ -130,7 +130,20 @@ export const ChallengeList: React.FC = () => {
const isStartedManual = state.isStarted;
if (now < startTime && !currentUser?.isAdmin) {
const utcStartTime = new Date(startTime).toUTCString();
const date = new Date(startTime);
const utcStartTime = date.toUTCString().replace('GMT', 'UTC');
const cetStartTime = new Intl.DateTimeFormat('en-GB', {
timeZone: 'CET',
weekday: 'short',
day: '2-digit',
month: 'short',
year: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false
}).format(date).replace(',', '') + ' CET';
return (
<div className="max-w-4xl mx-auto py-32 text-center hxp-border border-4 p-12">
<Clock className="w-20 h-20 text-[#bf00ff] mx-auto mb-6 animate-pulse" />
@@ -139,6 +152,7 @@ export const ChallengeList: React.FC = () => {
<Countdown target={startTime} onEnd={() => setShowRefreshPopup(true)} />
</div>
<p className="text-slate-500 font-bold tracking-widest uppercase mt-6">Event will start {utcStartTime}</p>
<p className="text-slate-500 font-bold tracking-widest uppercase mt-2">Event will start {cetStartTime}</p>
{showRefreshPopup && (
<div className="fixed inset-0 bg-black/90 z-[500] flex items-center justify-center p-4">
<div className="hxp-border border-4 bg-black p-10 text-center max-w-sm">