fix partial data page rendering failure

Author: YassinEldeeb

src/app/conf/2023/sessions/page.tsx

@@ -1,6 +1,8 @@
 import { Metadata } from "next"
 import { SessionList } from "@/app/conf/_components/schedule/session-list"
 import { schedule, speakers } from "@/app/conf/2023/_data"
+import { eventsColors } from '../utils'
+import { filterCategories2023 } from '../../_components/schedule/filter-categories'
 
 export const metadata: Metadata = {
   title: "Sessions",
@@ -11,6 +13,9 @@ export default function SessionsPage() {
     <div className="bg-[#f4f6f8]">
       <div className="container conf-block">
         <SessionList
+          year='2023'
+          eventsColors={eventsColors}
+          filterCategories={filterCategories2023}
           // @ts-expect-error -- fixme
           scheduleData={schedule
             .filter(schedule => schedule.speakers)

src/app/conf/2023/speakers/[id]/page.tsx

@@ -12,6 +12,7 @@ import { speakers, schedule } from "@/app/conf/2023/_data"
 import { ChevronLeftIcon } from "@/icons"
 import NextLink from "next/link"
 import { eventsColors } from "../../utils"
+import { filterCategories2023 } from '@/app/conf/_components/schedule/filter-categories'
 
 type SpeakerProps = { params: { id: string } }
 
@@ -47,7 +48,7 @@ export default function SpeakerPage({ params }: SpeakerProps) {
     .map(s => ({
       ...s,
       speakers: s.speakers!.map(s =>
-        speakers.find(speaker => speaker.username === s.username),
+        speakers.find(speaker => speaker.username === s.username)!,
       ),
     }))
 
@@ -105,8 +106,8 @@ export default function SpeakerPage({ params }: SpeakerProps) {
               />
             </div>
             <h1 className="conf-heading mb-10">Sessions</h1>
-            {/* @ts-expect-error */}
             <SessionList
+              filterCategories={filterCategories2023}
               eventsColors={eventsColors}
               year="2023"
               showFilter={false}

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

@@ -1,6 +1,5 @@
 import { notFound } from "next/navigation"
 import { Metadata } from "next"
-import { findBestMatch } from "string-similarity"
 import clsx from "clsx"
 import { Avatar } from "../../../_components/speakers/avatar"
 import { BackLink } from "../../../_components/schedule/back-link"
@@ -37,12 +36,11 @@ type SessionProps = { params: { id: string } }
 export function generateMetadata({ params }: SessionProps): Metadata {
   const event = schedule.find(s => s.id === params.id)!
 
-  console.log("EVENTTT", event)
   const keywords = [
     event.event_type,
     event.audience,
     event.event_subtype,
-    ...event.speakers!.map(s => s.name),
+    ...(event.speakers || []).map(s => s.name),
   ].filter(Boolean)
 
   return {
@@ -56,7 +54,7 @@ export function generateMetadata({ params }: SessionProps): Metadata {
 }
 
 export function generateStaticParams() {
-  return schedule.filter(s => s.speakers).map(s => ({ id: s.id }))
+  return schedule.filter(s => s.id).map(s => ({ id: s.id }))
 }
 
 const Tag = ({
@@ -83,7 +81,7 @@ export default function SessionPage({ params }: SessionProps) {
     notFound()
   }
   // @ts-expect-error -- fixme
-  event.speakers = event.speakers!.map(speaker =>
+  event.speakers = (event.speakers || []).map(speaker =>
     speakers.find(s => s.username === speaker.username),
   )
 

src/app/conf/2024/speakers/[id]/page.tsx

@@ -17,7 +17,8 @@ import { filterCategories2024 } from '@/app/conf/_components/schedule/filter-cat
 type SpeakerProps = { params: { id: string } }
 
 export function generateMetadata({ params }: SpeakerProps): Metadata {
-  const speaker = speakers.find(s => s.username === params.id)!
+  const decodedId = decodeURIComponent(params.id);
+  const speaker = speakers.find(s => s.username === decodedId)!
 
   const keywords = [speaker.name, speaker.company, speaker.position].filter(
     Boolean,
@@ -34,17 +35,15 @@ export function generateMetadata({ params }: SpeakerProps): Metadata {
 }
 
 export function generateStaticParams() {
-  return speakers.map(s => ({ id: s.username }))
+  return speakers.map(s => ({ id: s.username }));
 }
 
 export default function SpeakerPage({ params }: SpeakerProps) {
-  const speaker = speakers.find(s => s.username === params.id)
-  if (!speaker) {
-    notFound()
-  }
+  const decodedId = decodeURIComponent(params.id);
+  const speaker = speakers.find(s => s.username === decodedId)!
 
   const s = schedule
-    .filter(s => s.speakers && s.speakers.some(s => s.username === params.id))
+    .filter(s => s.speakers && s.speakers.some(s => s.username === decodedId))
     .map(s => ({
       ...s,
       speakers: s.speakers!.map(s =>

src/app/conf/_components/thanks.tsx

@@ -3,6 +3,8 @@ import { SessionList } from "./schedule/session-list"
 import { Button } from "./button"
 import leeImage from "../2023/gallery/images/3.jpg"
 import { schedule, speakers } from "@/app/conf/2023/_data"
+import { eventsColors } from '../2023/utils'
+import { filterCategories2023 } from './schedule/filter-categories'
 
 function shuffle<T extends any[]>(array: T): T {
   let currentIndex = array.length
@@ -53,6 +55,9 @@ export async function Thanks() {
           </div>
         </div>
         <SessionList
+          year='2023'
+          filterCategories={filterCategories2023}
+          eventsColors={eventsColors}
           showFilter={false}
           // @ts-expect-error -- fixme
           scheduleData={shuffle(filteredSessions)