Skip to content

Commit df39f5f

Browse files
committed
Bring the schedule page closer to the design
1 parent e5c31da commit df39f5f

File tree

1 file changed

+17
-14
lines changed

1 file changed

+17
-14
lines changed

src/app/conf/2025/schedule/[id]/page.tsx

Lines changed: 17 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,10 @@
1+
import React from "react"
12
import { notFound } from "next/navigation"
23
import { Metadata } from "next"
34
import clsx from "clsx"
4-
import { format, parseISO } from "date-fns"
55

66
import { metadata as layoutMetadata } from "@/app/conf/2023/layout"
7-
import { Avatar } from "../../../_components/speakers/avatar"
8-
import {
9-
SocialMediaIcon,
10-
SocialMediaIconServiceType,
11-
} from "../../../_components/speakers/social-media"
7+
128
import { speakers, schedule } from "../../_data"
139
import { ScheduleSession } from "../../../2023/types"
1410

@@ -89,10 +85,18 @@ export default function SessionPage({ params }: SessionProps) {
8985
<section className="mx-auto min-h-[80vh] flex-col justify-center px-2 sm:px-0 lg:justify-between">
9086
<SessionHeader event={event} eventTitle={eventTitle} year="2025" />
9187
<SessionVideo event={event} eventTitle={eventTitle} />
88+
89+
<div className="mt-8 flex gap-4 max-lg:flex-col lg:mt-16 lg:gap-8">
90+
<h3 className="typography-h2 min-w-[320px]">
91+
Session description
92+
</h3>
93+
<p className="typography-body-lg">{event.description}</p>
94+
</div>
95+
96+
<h3 className="typography-h2 my-8 max-w-[408px] lg:my-16">
97+
Session speakers
98+
</h3>
9299
<SessionSpeakers event={event} />
93-
<p className="typography-body-lg py-8 lg:py-10">
94-
{event.description}
95-
</p>
96100

97101
<div className="py-8">
98102
{event.files?.map(({ path }) => (
@@ -163,16 +167,15 @@ function SessionHeader({
163167
)}
164168
>
165169
{speakers.map((s, i) => (
166-
<>
170+
<React.Fragment key={s.username}>
167171
<Anchor
168-
key={s.username}
169172
href={`/conf/${year}/speakers/${s.username}`}
170173
className="decoration-neu-500 hover:underline dark:decoration-neu-100"
171174
>
172175
{s.name}
173176
</Anchor>
174177
{i !== speakers.length - 1 && <span>, </span>}
175-
</>
178+
</React.Fragment>
176179
))}
177180
</p>
178181
<h1 className="typography-h2 mb-6 mt-3">{eventTitle}</h1>
@@ -197,8 +200,8 @@ function SessionHeader({
197200

198201
function SessionSpeakers({ event }: { event: ScheduleSession }) {
199202
return (
200-
<div className="mt-8 flex flex-col flex-wrap gap-5 lg:flex-row">
201-
{event.speakers!.map(speaker => (
203+
<div className="flex flex-col flex-wrap gap-5 lg:flex-row">
204+
{event.speakers?.map(speaker => (
202205
<SpeakerCard key={speaker.username} speaker={speaker} year="2025" />
203206
))}
204207
</div>

0 commit comments

Comments
 (0)