Render speakers

This commit is contained in:
Vencislav Atanasov 2024-09-18 23:38:41 +03:00
parent 3752ddbe4f
commit b63bbd1b1e
1 changed files with 21 additions and 3 deletions

View File

@ -34,7 +34,7 @@ export default function Schedule({
{getSpeakerName(speakers[speakerId])} {getSpeakerName(speakers[speakerId])}
</a> </a>
{speakers[speakerId].organisation && <> {speakers[speakerId].organisation && <>
/{speakers[speakerId].organisation}/ /&#8288;{speakers[speakerId].organisation}&#8288;/
</>} </>}
</Fragment>).filter(item => !!item)}) </Fragment>).filter(item => !!item)})
</>} </>}
@ -52,8 +52,26 @@ export default function Schedule({
<hr /> <hr />
</section>)} </section>)}
{speakers && <> {speakers && <>
<div>speakers:</div> <div>
<div>{JSON.stringify(speakers)}</div> {Object.entries(speakers).map(([speakerId, speaker]) => <div key={speakerId}>
<a href={'#'.concat(getSpeakerName(speaker))}>
<img width="100" height="100" src="" alt={getSpeakerName(speaker)} />
</a>
</div>)}
</div>
{Object.entries(speakers).map(([speakerId, speaker]) => <div key={speakerId} id={getSpeakerName(speaker)}>
<img width="100" height="100" src="" alt={getSpeakerName(speaker)}/>
<h3>{getSpeakerName(speaker)}</h3>
<div>
{speaker.twitter && <a href={'https://twitter.com/'.concat(speaker.twitter)}>
twitter
</a>}
{speaker.github && <a href={'https://github.com/'.concat(speaker.github)}>
github
</a>}
</div>
<p>{speaker.biography}</p>
</div>)}
</>} </>}
</>); </>);
} }