feat: use new variant type

Signed-off-by: Sebastian <krupinski01@gmail.com>

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) => {

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

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,
     })
   }
 

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 {