diff --git a/src/Event.jsx b/src/Event.jsx new file mode 100644 index 0000000..25a7dbd --- /dev/null +++ b/src/Event.jsx @@ -0,0 +1,3 @@ +export default function Event() { + +} diff --git a/src/Schedule.jsx b/src/Schedule.jsx index 20951be..0593029 100644 --- a/src/Schedule.jsx +++ b/src/Schedule.jsx @@ -2,6 +2,8 @@ import PropTypes from 'prop-types'; import useSchedule from './hooks/useSchedule.js'; import { getSpeakerName, isTrackHidden } from './utils.js'; import { Fragment } from 'react'; +import useScheduleTable from './hooks/useScheduleTable.js'; +import Event from './Event.jsx'; export default function Schedule({ conferenceId, @@ -12,18 +14,41 @@ export default function Schedule({ speakers, tracks, halls, + slots, isLoading, loadingProgress, } = useSchedule(conferenceId); + const { + header, + rows, + } = useScheduleTable({ + events, + halls, + slots, + lang, + }); + return (<> {isLoading && <>Loading... >} {halls &&
{hall.name[lang]} | )} + {header.map(hall =>{hall.name} | )}
---|---|
+ | )}
+ |
{hall.name} | )} +