1
+ import React from "react"
1
2
import { notFound } from "next/navigation"
2
3
import { Metadata } from "next"
3
4
import clsx from "clsx"
4
- import { format , parseISO } from "date-fns"
5
5
6
6
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
+
12
8
import { speakers , schedule } from "../../_data"
13
9
import { ScheduleSession } from "../../../2023/types"
14
10
@@ -89,10 +85,18 @@ export default function SessionPage({ params }: SessionProps) {
89
85
< section className = "mx-auto min-h-[80vh] flex-col justify-center px-2 sm:px-0 lg:justify-between" >
90
86
< SessionHeader event = { event } eventTitle = { eventTitle } year = "2025" />
91
87
< 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 >
92
99
< SessionSpeakers event = { event } />
93
- < p className = "typography-body-lg py-8 lg:py-10" >
94
- { event . description }
95
- </ p >
96
100
97
101
< div className = "py-8" >
98
102
{ event . files ?. map ( ( { path } ) => (
@@ -163,16 +167,15 @@ function SessionHeader({
163
167
) }
164
168
>
165
169
{ speakers . map ( ( s , i ) => (
166
- < >
170
+ < React . Fragment key = { s . username } >
167
171
< Anchor
168
- key = { s . username }
169
172
href = { `/conf/${ year } /speakers/${ s . username } ` }
170
173
className = "decoration-neu-500 hover:underline dark:decoration-neu-100"
171
174
>
172
175
{ s . name }
173
176
</ Anchor >
174
177
{ i !== speakers . length - 1 && < span > , </ span > }
175
- </ >
178
+ </ React . Fragment >
176
179
) ) }
177
180
</ p >
178
181
< h1 className = "typography-h2 mb-6 mt-3" > { eventTitle } </ h1 >
@@ -197,8 +200,8 @@ function SessionHeader({
197
200
198
201
function SessionSpeakers ( { event } : { event : ScheduleSession } ) {
199
202
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 => (
202
205
< SpeakerCard key = { speaker . username } speaker = { speaker } year = "2025" />
203
206
) ) }
204
207
</ div >
0 commit comments