From cca038397c8093b7cd219b28eac505f870998ea5 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Mon, 3 Feb 2025 04:46:55 -0800
Subject: [PATCH] used new fileviewermodal

---
 src/components/profile/UserSettings.astro | 40 +++++++++++++----------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/components/profile/UserSettings.astro b/src/components/profile/UserSettings.astro
index e1c1e71..656a03e 100644
--- a/src/components/profile/UserSettings.astro
+++ b/src/components/profile/UserSettings.astro
@@ -182,7 +182,6 @@ const majorsList: string[] = allMajors
                                         <button
                                             id="previewResume"
                                             class="btn btn-sm btn-ghost"
-                                            onclick="showResumePreview(resumeUrl, fileName)"
                                         >
                                             <svg
                                                 xmlns="http://www.w3.org/2000/svg"
@@ -266,21 +265,15 @@ const majorsList: string[] = allMajors
     const resumeDisplay = document.getElementById("resumeDisplay");
     const previewResume = document.getElementById("previewResume");
 
-    // Function to show resume in FileViewerModal
-    const showResumePreview = (url: string, fileName: string) => {
-        // Create and dispatch custom event for FileViewerModal
-        const showFileViewerEvent = new CustomEvent("showFileViewer", {
-            detail: {
-                files: {
-                    url,
-                    name: fileName,
-                    type: fileName.toLowerCase().endsWith(".pdf")
-                        ? "application/pdf"
-                        : "application/octet-stream",
-                },
-            },
-        });
-        window.dispatchEvent(showFileViewerEvent);
+    // Helper function to get file type
+    const getFileType = (fileName: string): string => {
+        const extension = fileName.split(".").pop()?.toLowerCase() || "";
+        const mimeTypes: Record<string, string> = {
+            pdf: "application/pdf",
+            doc: "application/msword",
+            docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+        };
+        return mimeTypes[extension] || "application/octet-stream";
     };
 
     // Load current user data
@@ -311,7 +304,20 @@ const majorsList: string[] = allMajors
                         // Update preview button to use new modal
                         if (previewResume) {
                             previewResume.onclick = () => {
-                                showResumePreview(resumeUrl, fileName);
+                                // Dispatch custom event for FileViewerModal
+                                const showFileViewerEvent = new CustomEvent(
+                                    "showFileViewer",
+                                    {
+                                        detail: {
+                                            files: {
+                                                url: resumeUrl,
+                                                name: fileName,
+                                                type: getFileType(fileName),
+                                            },
+                                        },
+                                    }
+                                );
+                                window.dispatchEvent(showFileViewerEvent);
                             };
                         }
                     } else {