From 6951340a85bdc91ccda541a2815f681059875701 Mon Sep 17 00:00:00 2001
From: shiva raj badu <shivabadu5@gmail.com>
Date: Sun, 29 Mar 2026 17:42:06 +0545
Subject: [PATCH] fix: slide image rendering issue

---
 .../(dashboard)/dashboard/components/PresentationCard.tsx   | 4 ++--
 .../components/PresentationRender.tsx                       | 6 +++---
 .../presentation/components/PresentationPage.tsx            | 5 -----
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/electron/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx b/electron/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx
index 3da715e3..87658cf4 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/(dashboard)/dashboard/components/PresentationCard.tsx
@@ -111,14 +111,14 @@ export const PresentationCard = ({
         <img src="/card_bg.svg" alt="" className="absolute top-0 left-0 w-full h-full object-cover" />
         <div className="scale-[0.75] mt-4  border border-gray-300 rounded-lg overflow-hidden">
 
-          <SlideScale slide={firstSlide} />
+          <SlideScale slide={firstSlide} isClickable={true} />
         </div>
 
         <div className="w-full py-3 px-5 mt-auto z-40 relative bg-white  border-t border-[#EDEEEF]">
           <div className="flex items-center justify-between gap-7 w-full">
             <div className="flex flex-col items-start gap-1">
               <div className="text-sm text-[#191919] font-semibold  overflow-hidden line-clamp-1">
-                <MarkdownRenderer content={title} className="text-sm mb-0  text-[#191919] font-semibold  overflow-hidden line-clamp-1" />
+                <MarkdownRenderer content={title} className="text-sm mb-0  font-syne text-[#191919] font-semibold  overflow-hidden line-clamp-1" />
               </div>
               <p className="text-[#808080] text-sm font-syne">
                 {new Date(presentation?.created_at).toLocaleDateString()}
diff --git a/electron/servers/nextjs/app/(presentation-generator)/components/PresentationRender.tsx b/electron/servers/nextjs/app/(presentation-generator)/components/PresentationRender.tsx
index e2781787..be00436d 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/components/PresentationRender.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/components/PresentationRender.tsx
@@ -6,7 +6,7 @@ import { V1ContentRender } from '../../(presentation-generator)/components/V1Con
 const BASE_WIDTH = 1280;
 const BASE_HEIGHT = 720;
 
-const SlideScale = ({ slide, theme }: { slide: any, theme?: any }) => {
+const SlideScale = ({ slide, theme, isClickable = false }: { slide: any, theme?: any, isClickable?: boolean }) => {
 
     const containerRef = useRef<HTMLDivElement | null>(null);
     const [containerWidth, setContainerWidth] = useState<number>(0);
@@ -62,11 +62,11 @@ const SlideScale = ({ slide, theme }: { slide: any, theme?: any }) => {
                     } as React.CSSProperties}
                 >
 
-                    {/* <div
+                    {isClickable && <div
                         className="absolute inset-0 bg-transparent z-30 w-full h-full  select-none"
                         aria-hidden="true"
 
-                    /> */}
+                    />}
                     <V1ContentRender slide={slide} isEditMode={true} theme={theme} />
                 </div>
 
diff --git a/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx b/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
index 94795e98..62be03c9 100644
--- a/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
+++ b/electron/servers/nextjs/app/(presentation-generator)/presentation/components/PresentationPage.tsx
@@ -34,11 +34,6 @@ const PresentationPage: React.FC<PresentationPageProps> = ({
   const [isFullscreen, setIsFullscreen] = useState(false);
   const [error, setError] = useState(false);
 
-  // Ensure /app_data and /static image paths resolve through FastAPI in Electron.
-  useEffect(() => {
-    const observer = setupImageUrlConverter();
-    return () => observer?.disconnect();
-  }, []);
 
 
   const { presentationData, isStreaming } = useSelector(