From e8336311e30658b0594ff43c2de71edbcb7a81d1 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Tue, 14 Oct 2025 07:11:23 +0000
Subject: [PATCH] Improve loading speed of slide content by optimizing PDF
 rendering

Introduce `useMemo` to memoize PDF rendering options, reducing redundant computations and improving the initial load time of the PDF viewer component in the Report page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/VGhYqEL
---
 client/src/pages/Report.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 468c93e..8fbb574 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -7,7 +7,7 @@ import { Input } from "@/components/ui/input";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { useQuery } from "@tanstack/react-query";
 import { useAuth } from "@/hooks/useAuth";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useMemo } from "react";
 import type { MediaOutlet } from "@shared/schema";
 import Footer from "@/components/Footer";
 import SearchModal from "@/components/SearchModal";
@@ -42,6 +42,11 @@ function MohamedSalahSlides() {
     setIsLoading(false);
   };
 
+  const pdfOptions = useMemo(() => ({
+    cMapUrl: 'https://unpkg.com/pdfjs-dist@3.11.174/cmaps/',
+    cMapPacked: true,
+  }), []);
+
   return (
     <div className="space-y-6">
       <div className="w-full relative overflow-hidden" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
@@ -58,10 +63,7 @@ function MohamedSalahSlides() {
             <Document
               file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf"
               onLoadSuccess={onDocumentLoadSuccess}
-              options={{
-                cMapUrl: 'https://unpkg.com/pdfjs-dist@3.11.174/cmaps/',
-                cMapPacked: true,
-              }}
+              options={pdfOptions}
             >
               <Page 
                 pageNumber={currentSlide}