Skip to content

Commit

Permalink
Add agenda rows to StyledAgendaContainer - fixes issue with sticky tr…
Browse files Browse the repository at this point in the history 
…ack header breaking out of the agenda grid and rendering over sponsor logos, etc
  • Loading branch information
@eleusis @bplowry
eleusis authored and bplowry committed Jul 17, 2022
1 parent e431fcd commit c4aa14c
Showing 1 changed file with 173 additions and 171 deletions.
344 changes: 173 additions & 171 deletions components/currentAgenda.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
StyledMultiSessionSlot,
StyledTrackHeader,
StyledUpNext,
StyledAgendaContainer,
} from 'components/Agenda/Agenda.styled'
import { AgendaProvider } from 'components/Agenda/AgendaContext'
import { AgendaSession } from 'components/Agenda/AgendaSession'
Expand Down Expand Up @@ -79,177 +80,178 @@ export const CurrentAgenda = ({
</StyledAgendaRow>
</StyledUpNext>
)}

<StyledAgendaRowList>
<li>Time</li>
{Conference.RoomNames.map((name) => (
<li key={name}>{name}</li>
))}
</StyledAgendaRowList>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 8, minutes: 0 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Registration</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 8, minutes: 40 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Welcome and Housekeeping</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 8, minutes: 55 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Welcome to Country</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 9, minutes: 10 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Keynote</StyledTrackHeader>
</AgendaSession>
{/* TODO: use this but update sessionId
<AgendaSession
sessionId="TODO"
room={0}
renderPresenters={(presenters) => (
<StyledAgendaPresenter isKeynote>Keynote: {presenters}</StyledAgendaPresenter>
)}
fullWidth
isKeynote
alwaysShowRoom
/> */}
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 10, minutes: 0 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 10, minutes: 10 })} />
<AgendaSession room={0} sessionId="344274" />
<AgendaSession room={1} sessionId="343104" />
<AgendaSession room={2} sessionId="344367" />
<AgendaSession room={3} sessionId="344044" />
<AgendaSession room={4} sessionId="344101" />
<AgendaSession room={5} sessionId="341448" />
<AgendaSession room={6} sessionId="342543" />
<AgendaSession room={7} sessionId="334148" />
<AgendaSession room={8} sessionId="344023" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 10, minutes: 55 })} />
<AgendaSession room="Riverside Theatre" alwaysShowRoom fullWidth>
<StyledTrackHeader>Morning Tea</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 11, minutes: 25 })} />
<AgendaSession room={0} sessionId="333791" />
<AgendaSession room={1} sessionId="344494" />
<AgendaSession room={2} sessionId="338797" />
<AgendaSession room={3} sessionId="344002" />
<AgendaSession room={4} sessionId="344418" />
<AgendaSession room={5} sessionId="343628" />
<AgendaSession room={6} sessionId="338125" />
<AgendaSession room={7} sessionId="343620" />
<AgendaSession room={8} sessionId="339320" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 10 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 20 })} />
<AgendaSession room={0} sessionId="343996" />
<AgendaSession room={1} sessionId="343939" />
<AgendaSession room={2} sessionId="340959" />
<AgendaSession room={3} sessionId="343697" />
<AgendaSession room={4} sessionId="344427" />
<AgendaSession room={5} sessionId="341816" />
<AgendaSession room={6} sessionId="344501" />
<AgendaSession room={7} sessionId="344419" />
<AgendaSession room={8} sessionId="342452" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 40 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 50 })} />
<AgendaSession room={0} sessionId="337322" />
<AgendaSession room={1} sessionId="344493" />
<AgendaSession room={2} sessionId="343385" />
<AgendaSession room={3} sessionId="343105" />
<AgendaSession room={4} sessionId="336320" />
<AgendaSession room={5} sessionId="343968" />
<AgendaSession room={6} sessionId="343579" />
<AgendaSession room={7} sessionId="344431" />
<AgendaSession room={8} sessionId="341472" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 13, minutes: 35 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Lunch</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 14, minutes: 35 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Lunchtime Sessions</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 15, minutes: 5 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 15, minutes: 15 })} />
<AgendaSession room={0} sessionId="343962" />
<AgendaSession room={1} sessionId="343561" />
<AgendaSession room={2} sessionId="341315" />
<AgendaSession room={3} sessionId="340848" />
<AgendaSession room={4} sessionId="333736" />
<AgendaSession room={5} sessionId="339017" />
<AgendaSession room={6} sessionId="344116" />
<StyledMultiSessionSlot>
<AgendaSession room={7} sessionId="343793" />
<AgendaSession room={7} sessionId="344491" />
</StyledMultiSessionSlot>
<AgendaSession room={8} sessionId="343399" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 15, minutes: 35 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Afternoon Tea</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 16, minutes: 5 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Locknote</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 16, minutes: 55 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Prize Draw</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 17, minutes: 25 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Closing</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaContainer>
<StyledAgendaRowList>
<li>Time</li>
{Conference.RoomNames.map((name) => (
<li key={name}>{name}</li>
))}
</StyledAgendaRowList>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 8, minutes: 0 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Registration</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 8, minutes: 40 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Welcome and Housekeeping</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 8, minutes: 55 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Welcome to Country</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 9, minutes: 10 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Keynote</StyledTrackHeader>
</AgendaSession>
{/* TODO: use this but update sessionId
<AgendaSession
sessionId="TODO"
room={0}
renderPresenters={(presenters) => (
<StyledAgendaPresenter isKeynote>Keynote: {presenters}</StyledAgendaPresenter>
)}
fullWidth
isKeynote
alwaysShowRoom
/> */}
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 10, minutes: 0 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 10, minutes: 10 })} />
<AgendaSession room={0} sessionId="344274" />
<AgendaSession room={1} sessionId="343104" />
<AgendaSession room={2} sessionId="344367" />
<AgendaSession room={3} sessionId="344044" />
<AgendaSession room={4} sessionId="344101" />
<AgendaSession room={5} sessionId="341448" />
<AgendaSession room={6} sessionId="342543" />
<AgendaSession room={7} sessionId="334148" />
<AgendaSession room={8} sessionId="344023" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 10, minutes: 55 })} />
<AgendaSession room="Riverside Theatre" alwaysShowRoom fullWidth>
<StyledTrackHeader>Morning Tea</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 11, minutes: 25 })} />
<AgendaSession room={0} sessionId="333791" />
<AgendaSession room={1} sessionId="344494" />
<AgendaSession room={2} sessionId="338797" />
<AgendaSession room={3} sessionId="344002" />
<AgendaSession room={4} sessionId="344418" />
<AgendaSession room={5} sessionId="343628" />
<AgendaSession room={6} sessionId="338125" />
<AgendaSession room={7} sessionId="343620" />
<AgendaSession room={8} sessionId="339320" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 10 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 20 })} />
<AgendaSession room={0} sessionId="343996" />
<AgendaSession room={1} sessionId="343939" />
<AgendaSession room={2} sessionId="340959" />
<AgendaSession room={3} sessionId="343697" />
<AgendaSession room={4} sessionId="344427" />
<AgendaSession room={5} sessionId="341816" />
<AgendaSession room={6} sessionId="344501" />
<AgendaSession room={7} sessionId="344419" />
<AgendaSession room={8} sessionId="342452" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 40 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 12, minutes: 50 })} />
<AgendaSession room={0} sessionId="337322" />
<AgendaSession room={1} sessionId="344493" />
<AgendaSession room={2} sessionId="343385" />
<AgendaSession room={3} sessionId="343105" />
<AgendaSession room={4} sessionId="336320" />
<AgendaSession room={5} sessionId="343968" />
<AgendaSession room={6} sessionId="343579" />
<AgendaSession room={7} sessionId="344431" />
<AgendaSession room={8} sessionId="341472" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 13, minutes: 35 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Lunch</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 14, minutes: 35 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Lunchtime Sessions</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 15, minutes: 5 })} />
<AgendaSession fullWidth>
<StyledTrackHeader>Changeover</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 15, minutes: 15 })} />
<AgendaSession room={0} sessionId="343962" />
<AgendaSession room={1} sessionId="343561" />
<AgendaSession room={2} sessionId="341315" />
<AgendaSession room={3} sessionId="340848" />
<AgendaSession room={4} sessionId="333736" />
<AgendaSession room={5} sessionId="339017" />
<AgendaSession room={6} sessionId="344116" />
<StyledMultiSessionSlot>
<AgendaSession room={7} sessionId="343793" />
<AgendaSession room={7} sessionId="344491" />
</StyledMultiSessionSlot>
<AgendaSession room={8} sessionId="343399" />
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 15, minutes: 35 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Afternoon Tea</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 16, minutes: 5 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Locknote</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 16, minutes: 55 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Prize Draw</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
<StyledAgendaRow>
<AgendaTime time={set(date, { hours: 17, minutes: 25 })} />
<AgendaSession room={0} alwaysShowRoom fullWidth>
<StyledTrackHeader>Closing</StyledTrackHeader>
</AgendaSession>
</StyledAgendaRow>
</StyledAgendaContainer>
</AgendaProvider>
)
}}
Expand Down

0 comments on commit c4aa14c

Please sign in to comment.