Move end time into cards in blocks with different end times

Author: hasparus

src/app/conf/2025/schedule/_components/schedule-list.tsx

@@ -223,6 +223,12 @@ export function ScheduleList({
                       blockEnd.getTime() === nextBlockStart?.getTime() &&
                       !isBreak
 
+                    const endTimesDiffer = sessions.some(
+                      session =>
+                        new Date(session.event_end).getTime() !==
+                        blockEnd.getTime(),
+                    )
+
                     return (
                       <div
                         key={`concurrent sessions on ${sessionDate}`}
@@ -231,7 +237,10 @@ export function ScheduleList({
                         <div className="mr-px flex flex-col max-lg:ml-px lg:flex-row">
                           <div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:my-px max-lg:border-x lg:mr-px">
                             <span className="typography-body-sm mt-3 inline-block w-28 whitespace-nowrap pb-0.5 pl-4 lg:mr-6 lg:pb-4 lg:pl-0">
-                              {formatBlockTime(sessionDate, blockEnd)}
+                              {formatBlockTime(
+                                sessionDate,
+                                endTimesDiffer ? undefined : blockEnd,
+                              )}
                             </span>
                           </div>
                           <div className="relative flex w-full flex-col items-end gap-px lg:flex-row lg:items-start">
@@ -242,6 +251,7 @@ export function ScheduleList({
                                 year={year}
                                 eventsColors={eventsColors}
                                 blockEnd={blockEnd}
+                                durationVisible={endTimesDiffer}
                               />
                             ))}
                           </div>

src/app/conf/2025/schedule/_components/schedule-session-card.tsx

@@ -30,11 +30,13 @@ export function ScheduleSessionCard({
   year,
   eventsColors,
   blockEnd,
+  durationVisible,
 }: {
   session: ScheduleSession
   year: `202${number}`
   eventsColors: Record<string, string>
   blockEnd: Date
+  durationVisible: boolean
 }) {
   let eventType = session.event_type
 
@@ -140,10 +142,7 @@ export function ScheduleSessionCard({
                   {session.venue}
                 </span>
               )}
-              <SessionDuration
-                session={session}
-                blockTimeFraction={blockTimeFraction}
-              />
+              {durationVisible && <SessionDuration session={session} />}
               <AddToCalendarLink
                 eventTitle={eventTitle}
                 session={session}
@@ -160,13 +159,9 @@ export function ScheduleSessionCard({
 
 function SessionDuration({
   session,
-  blockTimeFraction,
 }: {
   session: ScheduleSession
-  blockTimeFraction: number
 }): React.ReactNode {
-  if (blockTimeFraction >= 1) return null
-
   const durationMs =
     new Date(session.event_end).getTime() -
     new Date(session.event_start).getTime()