From 094739dd0ea49f181a684ffe3b330e2ebaf50281 Mon Sep 17 00:00:00 2001
From: Debajit Roul <debajitroul181@gmail.com>
Date: Fri, 31 Jul 2026 19:23:03 +0530
Subject: [PATCH 1/2] Fix navigator access during server-side rendering

---
 src/app/conf/2026/schedule/[id]/page.tsx        | 14 ++------------
 src/app/conf/2026/schedule/[id]/pdf-preview.tsx | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 12 deletions(-)
 create mode 100644 src/app/conf/2026/schedule/[id]/pdf-preview.tsx

diff --git a/src/app/conf/2026/schedule/[id]/page.tsx b/src/app/conf/2026/schedule/[id]/page.tsx
index a3c136eb8b..3686e3063a 100644
--- a/src/app/conf/2026/schedule/[id]/page.tsx
+++ b/src/app/conf/2026/schedule/[id]/page.tsx
@@ -23,6 +23,7 @@ import { Button } from "@/app/conf/_design-system/button"
 import { SessionTags } from "../../components/session-tags"
 import { formatDescription } from "./format-description"
 import { formatBlockTime } from "../_components/format-block-time"
+import { PdfPreview } from "./pdf-preview"
 import DownloadIcon from "@/app/conf/_design-system/pixelarticons/download.svg?svgr"
 
 type SessionProps = { params: { id: string } }
@@ -127,12 +128,7 @@ export default function SessionPage({ params }: SessionProps) {
                     <ul className="flex max-w-full flex-col gap-y-2">
                       {session.files?.map(({ path, name }) => (
                         <li key={path}>
-                          {path.endsWith(".pdf") && canRenderPdf() ? (
-                            <iframe
-                              src={path}
-                              className="aspect-video size-full"
-                            />
-                          ) : null}
+                          {path.endsWith(".pdf") && <PdfPreview path={path} />}
                           <div className="flex items-stretch justify-between overflow-hidden">
                             <a
                               className="typography-link flex items-center truncate p-3 leading-none text-neu-700 max-xs:hidden sm:px-6"
@@ -297,9 +293,3 @@ function SessionDescription({ session }: { session: ScheduleSession }) {
     </div>
   )
 }
-
-const isFirefox = navigator.userAgent.toLowerCase().includes("firefox")
-
-function canRenderPdf() {
-  return !isFirefox && !!navigator?.mimeTypes?.["application/pdf" as any]
-}
diff --git a/src/app/conf/2026/schedule/[id]/pdf-preview.tsx b/src/app/conf/2026/schedule/[id]/pdf-preview.tsx
new file mode 100644
index 0000000000..9927268068
--- /dev/null
+++ b/src/app/conf/2026/schedule/[id]/pdf-preview.tsx
@@ -0,0 +1,15 @@
+// pdf-preview.tsx
+"use client"
+import { useEffect, useState } from "react"
+
+export function PdfPreview({ path }: { path: string }) {
+  const [canRender, setCanRender] = useState(false)
+
+  useEffect(() => {
+    const isFirefox = navigator.userAgent.toLowerCase().includes("firefox")
+    setCanRender(!isFirefox && !!navigator?.mimeTypes?.["application/pdf" as any])
+  }, [])
+
+  if (!canRender) return null
+  return <iframe src={path} className="aspect-video size-full" />
+}
\ No newline at end of file

From f1b9d8084bc1f007e10b0bbed6d6a554ebfcc4d1 Mon Sep 17 00:00:00 2001
From: Debajit Roul <debajitroul181@gmail.com>
Date: Fri, 31 Jul 2026 19:50:25 +0530
Subject: [PATCH 2/2] Format pdf-preview with Prettier

---
 src/app/conf/2026/schedule/[id]/pdf-preview.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/conf/2026/schedule/[id]/pdf-preview.tsx b/src/app/conf/2026/schedule/[id]/pdf-preview.tsx
index 9927268068..ed8db737cb 100644
--- a/src/app/conf/2026/schedule/[id]/pdf-preview.tsx
+++ b/src/app/conf/2026/schedule/[id]/pdf-preview.tsx
@@ -7,9 +7,11 @@ export function PdfPreview({ path }: { path: string }) {
 
   useEffect(() => {
     const isFirefox = navigator.userAgent.toLowerCase().includes("firefox")
-    setCanRender(!isFirefox && !!navigator?.mimeTypes?.["application/pdf" as any])
+    setCanRender(
+      !isFirefox && !!navigator?.mimeTypes?.["application/pdf" as any],
+    )
   }, [])
 
   if (!canRender) return null
   return <iframe src={path} className="aspect-video size-full" />
-}
\ No newline at end of file
+}