@@ -624,7 +624,7 @@ function ScheduleView({ events, selectedDate, onSelect, filterKeyword='', filter
return true ;
} ) ;
if ( ! filtered . length ) return < div style = { { textAlign : 'center' , padding : '60px 20px' , color : 'var(--text-tertiary)' , fontSize : 14 } } > { kw || filterTypeId ? 'No events match your filters' : 'No events in' } { ! kw && ! filterTypeId && ` ${ MONTHS [ m ] } ${ y } ` } < / div > ;
return < > { filtered . map ( e => { const s = new Date ( e . start _at ) ; const col = e . event _type ? . colour || '#9ca3af' ; return ( < div key = { e . id } onClick = { ( ) => onSelect ( e ) } style = { { display : 'flex' , alignItems : 'center' , gap : 2 0, padding : '14 px 20 px' , borderBottom : '1px solid var(--border)' , cursor : 'pointer' } } onMouseEnter = { el => el . currentTarget . style . background = 'var(--background)' } onMouseLeave = { el => el . currentTarget . style . background = '' } > < div style = { { width : 44 , textAlign : 'center' , flexShrink : 0 } } > < div style = { { fontSize : 22 , fontWeight : 700 , lineHeight : 1 } } > { s . getDate ( ) } < / div > < div style = { { fontSize : 11 , color : 'var(--text-tertiary)' , textTransform : 'uppercase' } } > { SHORT _MONTHS [ s . getMonth ( ) ] } , { DAYS [ s . getDay ( ) ] } < / div > < / div > < div style = { { width : 84 , flexShrink : 0 , display : 'flex' , alignItems : 'flex-start' , gap : 6 , fontSize : 12 , color : 'var(--text-secondary)' } } > < span style = { { width : 10 , height : 10 , borderRadius : '50%' , background : col , flexShrink : 0 , marginTop : 3 } } / > { e . all _day ? < span > All day < / span > : < span style = { { lineHeight : 1.5 } } > { fmtTime ( e . start _at ) } – < br / > { fmtTime ( e . end _at ) } < / span > } < / div > < div style = { { flex : 1 , minWidth : 0 } } > < div style = { { fontSize : 14 , fontWeight : 600 , display : 'flex' , alignItems : 'center' , gap : 8 } } > { e . event _type ? . name && < span style = { { fontSize : 11 , color : 'var(--text-tertiary)' , textTransform : 'uppercase' , letterSpacing : '0.5px' , fontWeight : 600 } } > { e . event _type . name } : < / span > } { e . title } { ! ! e . track _availability && (
return < > { filtered . map ( e => { const s = new Date ( e . start _at ) ; const col = e . event _type ? . colour || '#9ca3af' ; return ( < div key = { e . id } onClick = { ( ) => onSelect ( e ) } style = { { display : 'flex' , alignItems : 'center' , gap : 1 0, padding : '12 px 14 px' , borderBottom : '1px solid var(--border)' , cursor : 'pointer' } } onMouseEnter = { el => el . currentTarget . style . background = 'var(--background)' } onMouseLeave = { el => el . currentTarget . style . background = '' } > < div style = { { width : 36 , textAlign : 'center' , flexShrink : 0 } } > < div style = { { fontSize : 20 , fontWeight : 700 , lineHeight : 1 } } > { s . getDate ( ) } < / div > < div style = { { fontSize : 10 , color : 'var(--text-tertiary)' , textTransform : 'uppercase' } } > { SHORT _MONTHS [ s . getMonth ( ) ] } , { DAYS [ s . getDay ( ) ] } < / div > < / div > < div style = { { width : 62 , flexShrink : 0 , display : 'flex' , alignItems : 'flex-start' , gap : 5 , fontSize : 11 , color : 'var(--text-secondary)' } } > < span style = { { width : 8 , height : 8 , borderRadius : '50%' , background : col , flexShrink : 0 , marginTop : 3 } } / > { e . all _day ? < span > All day < / span > : < span style = { { lineHeight : 1.5 } } > { fmtTime ( e . start _at ) } – < br / > { fmtTime ( e . end _at ) } < / span > } < / div > < div style = { { flex : 1 , minWidth : 0 } } > < div style = { { fontSize : 14 , fontWeight : 600 , display : 'flex' , alignItems : 'center' , gap : 6 , flexWrap : 'nowrap' } } > { e . event _type ? . name && < span style = { { fontSize : 10 , color : 'var(--text-tertiary)' , textTransform : 'uppercase' , letterSpacing : '0.5px' , fontWeight : 600 , flexShrink : 0 }} > { e . event _type . name } : < / span > } < span style = { { minWidth : 0 , overflow : 'hidden' , textOverflow : 'ellipsis' , whiteSpace : 'nowrap' } } > {e . title } < / span > {! ! e . track _availability && (
e . my _response ? RESP _ICON [ e . my _response ] ( RESP _COLOR [ e . my _response ] ) : BELL _ICON
) } < / div > { e . location && < div style = { { fontSize : 12 , color : 'var(--text-tertiary)' , marginTop : 2 } } > { e . location } < / div > } < / div > < / div > ) ; } ) } < / > ;
}