From da1e8e52b04df689505e4ff3009a59de7e974800 Mon Sep 17 00:00:00 2001
From: Sebastian <krupinski01@gmail.com>
Date: Sat, 29 Aug 2026 19:13:11 -0400
Subject: [PATCH] feat: use new variant type

Signed-off-by: Sebastian <krupinski01@gmail.com>
---
 src/components/MessageReader.vue       | 2 +-
 src/components/reader/ReaderHeader.vue | 2 +-
 src/stores/mailOperationsStore.ts      | 8 ++++++--
 src/stores/mailUiStore.ts              | 8 ++++++--
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/components/MessageReader.vue b/src/components/MessageReader.vue
index cb44019..e00b376 100644
--- a/src/components/MessageReader.vue
+++ b/src/components/MessageReader.vue
@@ -159,7 +159,7 @@ const handlePreview = (index: number) => {
 
 const handleViewerRetrieve = (item: MediaViewerItem): Promise<Blob> => {
   if (!props.entity) return Promise.reject(new Error('No message selected'))
-  return mailUiStore.attachmentBlob(props.entity, item.meta.attachment)
+  return mailUiStore.attachmentPreviewBlob(props.entity, item.meta.attachment, 'fullscreen')
 }
 
 const handleViewerDownload = (item: MediaViewerItem) => {
diff --git a/src/components/reader/ReaderHeader.vue b/src/components/reader/ReaderHeader.vue
index 95ba05b..eadca7a 100644
--- a/src/components/reader/ReaderHeader.vue
+++ b/src/components/reader/ReaderHeader.vue
@@ -61,7 +61,7 @@ const handleAttachmentClick = (attachment: MessagePartInterface, index: number):
 
 const handleViewerRetrieve = (item: AttachmentItem): Promise<Blob> => {
   if (!props.entity) return Promise.reject(new Error('No message selected'))
-  return mailUiStore.attachmentPreviewBlob(props.entity, item.meta.attachment)
+  return mailUiStore.attachmentPreviewBlob(props.entity, item.meta.attachment, 'inline')
 }
 
 // Format date for display
diff --git a/src/stores/mailOperationsStore.ts b/src/stores/mailOperationsStore.ts
index 0c33d0c..e758db6 100644
--- a/src/stores/mailOperationsStore.ts
+++ b/src/stores/mailOperationsStore.ts
@@ -640,7 +640,11 @@ export const useMailOperationsStore = defineStore('mailOperationsStore', () => {
     return blob
   }
 
-  async function attachmentPreviewBlob(entity: EntityObject, part: MessagePartInterface): Promise<Blob> {
+  async function attachmentPreviewBlob(
+    entity: EntityObject,
+    part: MessagePartInterface,
+    variant: 'inline' | 'fullscreen' = 'inline',
+  ): Promise<Blob> {
     return entitiesStore.preview({
       target: entity.identifier,
       part: {
@@ -650,7 +654,7 @@ export const useMailOperationsStore = defineStore('mailOperationsStore', () => {
         type: part.type || 'application/octet-stream',
         size: part.size ?? null,
       },
-      variant: 'popover',
+      variant,
     })
   }
 
diff --git a/src/stores/mailUiStore.ts b/src/stores/mailUiStore.ts
index c8b178b..a3168c8 100644
--- a/src/stores/mailUiStore.ts
+++ b/src/stores/mailUiStore.ts
@@ -714,8 +714,12 @@ export const useMailUiStore = defineStore('mailUiStore', () => {
     return mailOperationsStore.attachmentBlob(entity, part)
   }
 
-  function attachmentPreviewBlob(entity: EntityObject, part: Parameters<typeof mailOperationsStore.attachmentPreviewBlob>[1]) {
-    return mailOperationsStore.attachmentPreviewBlob(entity, part)
+  function attachmentPreviewBlob(
+    entity: EntityObject,
+    part: Parameters<typeof mailOperationsStore.attachmentPreviewBlob>[1],
+    variant: 'inline' | 'fullscreen' = 'inline',
+  ) {
+    return mailOperationsStore.attachmentPreviewBlob(entity, part, variant)
   }
 
   return {