Speaker information

page.tsx

export default async function Speaker({
  params: { slug },
}: {
  params: { slug: string };
}) {
  const speakerInfo = await getSpeakerInfo(slug);
  const { name, bio, id, sessions }: SpeakerWithSessions = speakerInfo;

  return (
    <section key={id} className={styles.infoContainer}>
      <h3 className={styles.titleText}>{name}</h3>
      <h5 className={styles.descText}>About: {bio}</h5>
      {sessions &&
        sessions.map(({ name, id }: SpeakerSummary) => (
          <section key={id}>
            <h5 className={styles.descText}>Session: {name}</h5>
          </section>
        ))}
    </section>
  );
}