Add default speaker image

This commit is contained in:
Vencislav Atanasov 2024-09-21 22:41:45 +03:00
parent 6de6958f91
commit 58a632b1b3
2 changed files with 3 additions and 2 deletions

View File

@ -4,6 +4,7 @@ import { getSpeakerName, isTrackHidden } from './utils.js';
import { Fragment } from 'react'; import { Fragment } from 'react';
import useScheduleTable from './hooks/useScheduleTable.js'; import useScheduleTable from './hooks/useScheduleTable.js';
import Event from './Event.jsx'; import Event from './Event.jsx';
import defaultSpeaker from './assets/default-speaker.png';
export default function Schedule({ export default function Schedule({
conferenceId, conferenceId,
@ -90,12 +91,12 @@ export default function Schedule({
<div> <div>
{Object.entries(speakers).map(([speakerId, speaker]) => <div key={speakerId}> {Object.entries(speakers).map(([speakerId, speaker]) => <div key={speakerId}>
<a href={'#'.concat(getSpeakerName(speaker))}> <a href={'#'.concat(getSpeakerName(speaker))}>
<img width="100" height="100" src="" alt={getSpeakerName(speaker)} /> <img width="100" height="100" src={defaultSpeaker} alt={getSpeakerName(speaker)} />
</a> </a>
</div>)} </div>)}
</div> </div>
{Object.entries(speakers).map(([speakerId, speaker]) => <div key={speakerId} id={getSpeakerName(speaker)}> {Object.entries(speakers).map(([speakerId, speaker]) => <div key={speakerId} id={getSpeakerName(speaker)}>
<img width="100" height="100" src="" alt={getSpeakerName(speaker)}/> <img width="100" height="100" src={defaultSpeaker} alt={getSpeakerName(speaker)}/>
<h3>{getSpeakerName(speaker)}</h3> <h3>{getSpeakerName(speaker)}</h3>
<div> <div>
{speaker.twitter && <a href={'https://twitter.com/'.concat(speaker.twitter)}> {speaker.twitter && <a href={'https://twitter.com/'.concat(speaker.twitter)}>

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB