From aba68158bba26e6b9eab6894bd718643b1484478 Mon Sep 17 00:00:00 2001
From: Muhsin <muhsinkeramam@gmail.com>
Date: Wed, 29 Oct 2025 20:16:54 +0530
Subject: [PATCH] chore: update document styles

---
 .../template-preview/DynamicMediaTemplate.vue     | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/components-next/template-preview/DynamicMediaTemplate.vue b/app/javascript/dashboard/components-next/template-preview/DynamicMediaTemplate.vue
index 92a75442c..590b2c89f 100644
--- a/app/javascript/dashboard/components-next/template-preview/DynamicMediaTemplate.vue
+++ b/app/javascript/dashboard/components-next/template-preview/DynamicMediaTemplate.vue
@@ -1,5 +1,6 @@
 <script setup>
-import FluentIcon from 'shared/components/FluentIcon/Index.vue';
+import { computed } from 'vue';
+import FileIcon from 'dashboard/components-next/icon/FileIcon.vue';
 
 const props = defineProps({
   message: {
@@ -24,6 +25,16 @@ const getMediaType = () => {
 };
 
 const mediaType = getMediaType();
+
+// Get file type from URL for proper icon
+const fileType = computed(() => {
+  const url = props.message.image_url;
+  if (!url) return 'pdf';
+
+  if (url.includes('.pdf') || url.includes('pdf')) return 'pdf';
+  if (url.includes('.doc')) return 'doc';
+  return 'pdf'; // Default to PDF for documents
+});
 </script>
 
 <template>
@@ -53,7 +64,7 @@ const mediaType = getMediaType();
 
     <!-- Document Media -->
     <div v-else-if="mediaType === 'document'" class="flex items-center">
-      <FluentIcon icon="document" size="24" class="text-n-slate-12" />
+      <FileIcon :file-type="fileType" class="text-2xl text-n-slate-12" />
     </div>
 
     <!-- Content Text -->