From 1df798f0f06b3ad251f894852367fe333500e671 Mon Sep 17 00:00:00 2001
From: AgenticDiego <noreply@carvallo.io>
Date: Sun, 16 Aug 2026 14:21:46 +0000
Subject: [PATCH] fix(events): show start time even when no end time is set

Many events (ceremonies, cocktail hours) have a defined start time
but no end time. The previous condition required both startTime and
endTime to display the time row, so events with only a start time
showed nothing. Now start time is always shown when present, and
the end time is appended with an en-dash when it exists.

Also adds a Clock icon to the time row so it visually matches the
Calendar (date) and MapPin (venue) rows above it.
---
 .../(authenicated)/events/_components/event-card.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/(authenicated)/events/_components/event-card.tsx b/src/app/(authenicated)/events/_components/event-card.tsx
index 398c69d4..75527ede 100644
--- a/src/app/(authenicated)/events/_components/event-card.tsx
+++ b/src/app/(authenicated)/events/_components/event-card.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { format } from 'date-fns'
-import { Calendar, MapPin, MoreHorizontal, Pencil, Trash2, Users } from 'lucide-react'
+import { Calendar, Clock, MapPin, MoreHorizontal, Pencil, Trash2, Users } from 'lucide-react'
 import { memo } from 'react'
 
 import { Badge } from '~/components/ui/badge'
@@ -89,9 +89,13 @@ function EventCardBase({
             </div>
           )}
 
-          {event.startTime && event.endTime && (
-            <div className='text-muted-foreground text-xs md:text-sm'>
-              {event.startTime} - {event.endTime}
+          {event.startTime && (
+            <div className='flex items-center gap-2 text-muted-foreground text-xs md:text-sm'>
+              <Clock className='h-4 w-4 shrink-0' />
+              <span>
+                {event.startTime}
+                {event.endTime ? ` – ${event.endTime}` : ''}
+              </span>
             </div>
           )}