Site
/
schedule
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add hall labels to schedule

This commit is contained in:
Vencislav Atanasov 2024-09-19 02:02:32 +03:00
parent 9125c25259
commit b46549485c
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/Schedule.jsx
View File

@ -11,13 +11,20 @@ export default function Schedule({
events, events,
speakers, speakers,
tracks, tracks,
halls,
isLoading, isLoading,
loadingProgress, loadingProgress,
} = useSchedule(conferenceId); } = useSchedule(conferenceId);
return (<> return (<>
{isLoading && <p>Loading... <progress value={loadingProgress} /></p>} {isLoading && <p>Loading... <progress value={loadingProgress} /></p>}
<div>schedule goes here</div> {halls && <table border="1">
<thead>
<tr>
{Object.entries(halls).map(([hallId, hall]) => <th key={hallId}>{hall.name[lang]}</th>)}
</tr>
</thead>
</table>}
{tracks && Object.entries(tracks).map(([trackId, track]) => <div key={trackId} style={{ {tracks && Object.entries(tracks).map(([trackId, track]) => <div key={trackId} style={{
width: '100%', width: '100%',
border: '1px solid black', border: '1px solid black',