Format event date and time consistently.
Some checks failed
Build and Push Docker Images / changes (push) Successful in 4s
Build and Push Docker Images / build-backend (push) Has been skipped
Build and Push Docker Images / build-frontend (push) Failing after 48s

Updated event date to use "DD.MM.YYYY" format and replaced time formatting logic with substring extraction for improved simplicity and consistency. This ensures a cleaner and more localized display of event information.
This commit is contained in:
2025-03-14 03:09:40 +01:00
parent b18f684afb
commit 08ad83a872

View File

@@ -141,7 +141,15 @@ export default function EventDetailPage() {
<div className="space-y-2"> <div className="space-y-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<CalendarIcon className="h-4 w-4 text-gray-500" /> <CalendarIcon className="h-4 w-4 text-gray-500" />
<span>{new Date(event.event_date).toLocaleDateString()}</span> <span>
{new Date(event.event_date)
.toLocaleDateString("en-GB", {
day: "2-digit",
month: "2-digit",
year: "numeric",
})
.replace(/\//g, ".")}
</span>
</div> </div>
{(event.event_start_time || event.event_end_time) && ( {(event.event_start_time || event.event_end_time) && (
@@ -149,27 +157,11 @@ export default function EventDetailPage() {
<ClockIcon className="h-4 w-4 text-gray-500" /> <ClockIcon className="h-4 w-4 text-gray-500" />
<span> <span>
{event.event_start_time && ( {event.event_start_time && (
<> <>{event.event_start_time.substring(0, 5)}</>
{new Date(event.event_start_time).toLocaleTimeString(
[],
{
hour: "2-digit",
minute: "2-digit",
},
)}
</>
)} )}
{event.event_start_time && event.event_end_time && " - "} {event.event_start_time && event.event_end_time && " - "}
{event.event_end_time && ( {event.event_end_time && (
<> <>{event.event_end_time.substring(0, 5)}</>
{new Date(event.event_end_time).toLocaleTimeString(
[],
{
hour: "2-digit",
minute: "2-digit",
},
)}
</>
)}{" "} )}{" "}
<span className="text-sm text-gray-500"> <span className="text-sm text-gray-500">
({event.timezone}) ({event.timezone})