add speakers to event detail

This commit is contained in:
tree🌴 2024-02-02 08:19:58 +01:00
parent 840bc58b3a
commit 805f532066

View file

@ -169,6 +169,28 @@ const status = item.confirmed
<a href={item.links.web} class="button inverted"><button>Website</button></a> <a href={item.links.web} class="button inverted"><button>Website</button></a>
} }
</div> </div>
{item.speakers &&
<div class="mt-6 mb-6">
<h2>Speakers</h2>
<div class="grid grid-cols-1 gap-6 mt-4">
{item.speakers.map(spId => getSpeaker(spId)).map((speaker) => (
<div class="flex gap-4">
<div><img class="w-14 h-14 aspect-square rounded-full" src={speaker.imageUrl} /></div>
<div>
<div>
<span class="text-white">{speaker.name}</span>
{speaker.refs?.twitter &&
<span class="ml-2">(<a href={"https://twitter.com/"+speaker.refs.twitter}>@{speaker.refs.twitter}</a>)</span>
}
</div>
<div set:html={marked.parseInline(speaker.caption)} class="text-sm"></div>
</div>
</div>
))}
</div>
</div>
}
</div> </div>
</div> </div>
</div> </div>