@@ -51,7 +51,7 @@ type ScheduleSession = {
5151 end : Date ;
5252 endTime : string ;
5353 duration : number ;
54- sessionType ?: string ;
54+ sessionType ?: string | undefined ;
5555 type : string ;
5656 rooms : string [];
5757} ;
@@ -322,6 +322,16 @@ posters.forEach((poster) => {
322322
323323const date = parseISO(dayName);
324324const dateText = format(date, "eeee - do MMMM");
325+
326+
327+
328+
329+ const lastEndTime = Math.max(
330+ ...slots.flatMap((slot) => slot.sessions.map((s) => timeToNumber(s.endTime)))
331+ );
332+
333+ const endStart = numberToTime(lastEndTime);
334+
325335---
326336
327337<div class =" day"
@@ -362,7 +372,7 @@ const dateText = format(date, "eeee - do MMMM");
362372 <h2 >{ format (slot .start , " HH:mm" )} </h2 >
363373 </div >
364374
365- { sessionsByTime [slot .startTime ]
375+ { ( sessionsByTime [slot .startTime ] ?? [])
366376 .sort (sortSessionByRooms )
367377 .map ((session ) => {
368378 const style = getSessionStyle (session );
@@ -407,7 +417,14 @@ const dateText = format(date, "eeee - do MMMM");
407417 </div >
408418 ))
409419 }
420+
410421 </div >
422+
423+ <Break
424+ title =" End of the Day"
425+ time ={ endStart }
426+ className =" day-end"
427+ />
411428 </div >
412429 <div class =" h-12" ></div >
413430 </div >
@@ -426,6 +443,19 @@ const dateText = format(date, "eeee - do MMMM");
426443{
427444 width: 100%;
428445}
446+
447+
448+ :global(.day-end) {
449+ display: flex;
450+ align-items: center;
451+ text-align: center;
452+ justify-items: center;
453+ background-color: #FCFBFA;
454+ border-radius: 10px;
455+ margin: 10px 1.5rem;
456+ padding:2px 8px;
457+ font-size: 0.8rem;
458+ }
429459 :global(body) {
430460 }
431461
@@ -548,6 +578,14 @@ const dateText = format(date, "eeee - do MMMM");
548578 grid-column: var(--col-start) / var(--col-end);
549579 }
550580
581+
582+ :global(.day-end){
583+ font-size: 1.2rem;
584+ margin: 2px;
585+ padding: 8px;
586+ }
587+
588+
551589 .time {
552590 padding: 8px;
553591 grid-column: 1 / 2;
0 commit comments