From 73f9ad199e7bc498b56fd0ce7a3314e22f1bb436 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Tue, 30 Sep 2025 05:50:03 +0000
Subject: [PATCH] Improve report slide viewer by integrating PowerPoint API
 seamlessly

Integrate PowerPoint API into the Report page's slide viewer, removing unnecessary black margins and ensuring a clean, full-width display by utilizing an iframe with adjusted styling and dimensions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/16cZmxV
---
 .replit                     |  4 ++++
 client/src/pages/Report.tsx | 18 +++++++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/.replit b/.replit
index e53b196..47249af 100644
--- a/.replit
+++ b/.replit
@@ -26,6 +26,10 @@ externalPort = 3001
 localPort = 38387
 externalPort = 3003
 
+[[ports]]
+localPort = 39255
+externalPort = 4200
+
 [[ports]]
 localPort = 43349
 externalPort = 3000
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 48e4fed..6e3bc35 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -66,18 +66,22 @@ export default function Report() {
             </Card>
           </TabsContent>
 
-          <TabsContent value="slides">
-            <Card className="bg-white shadow-2xl">
-              <CardContent className="p-0">
+          <TabsContent value="slides" className="w-full">
+            <div className="w-full bg-white rounded-lg overflow-hidden shadow-lg">
+              <div className="relative w-full" style={{ paddingTop: '56.25%' }}>
                 <iframe
                   src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(getFullPptUrl())}`}
-                  className="w-full border-none"
-                  style={{ minHeight: '600px', height: '80vh' }}
+                  className="absolute top-0 left-0 w-full h-full border-none"
                   title="Presentation Slides"
                   data-testid="iframe-slides"
+                  allowFullScreen
+                  style={{ 
+                    backgroundColor: 'white',
+                    display: 'block'
+                  }}
                 />
-              </CardContent>
-            </Card>
+              </div>
+            </div>
           </TabsContent>
         </Tabs>
       </main>