From a40d11503af9bddd1b354c97c64476b509f5a757 Mon Sep 17 00:00:00 2001
From: matthieu <matthieu@yuno.malio.fr>
Date: Wed, 20 May 2026 08:24:00 +0200
Subject: [PATCH] =?UTF-8?q?feat(mail)=20:=20all=C3=A8ge=20la=20barre=20d'a?=
 =?UTF-8?q?ctions=20du=20lecteur=20de=20mail?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Boutons "Créer une tâche" / "Lier à une tâche" réduits (text-xs, padding compact),
suppression des actions "Marquer comme non lu" et "Marquer important".

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../components/mail/MailMessageViewer.vue     | 38 ++-----------------
 1 file changed, 4 insertions(+), 34 deletions(-)

diff --git a/frontend/components/mail/MailMessageViewer.vue b/frontend/components/mail/MailMessageViewer.vue
index ab053ea..4f2c1cf 100644
--- a/frontend/components/mail/MailMessageViewer.vue
+++ b/frontend/components/mail/MailMessageViewer.vue
@@ -2,7 +2,6 @@
 import type { MailMessageDetailDto, MailAddressDto } from '~/services/dto/mail'
 import { sanitizeMailHtml } from '~/utils/sanitizeMailHtml'
 import { useMailService } from '~/services/mail'
-import { useMailStore } from '~/stores/mail'
 
 const props = defineProps<{
     /** Détail complet du message. null = aucun message sélectionné. */
@@ -16,7 +15,6 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
-const store = useMailStore()
 const mailService = useMailService()
 
 const showImages = ref(false)
@@ -33,20 +31,6 @@ watch(
     },
 )
 
-async function handleMarkReadToggle(): Promise<void> {
-    if (!props.detail) return
-    const id = props.detail.header.id
-    const currentlyRead = props.detail.header.isRead
-    await store.markRead(id, !currentlyRead)
-}
-
-async function handleFlagToggle(): Promise<void> {
-    if (!props.detail) return
-    const id = props.detail.header.id
-    const currentlyFlagged = props.detail.header.isFlagged
-    await store.markFlagged(id, !currentlyFlagged)
-}
-
 async function handleDownload(downloadId: string, filename: string): Promise<void> {
     try {
         const { data } = await mailService.downloadAttachment(downloadId)
@@ -126,7 +110,8 @@ function joinAddresses(addresses: MailAddressDto[]): string {
                         variant="primary"
                         icon-name="material-symbols:add-task-outline"
                         icon-position="left"
-                        :icon-size="14"
+                        :icon-size="13"
+                        button-class="text-xs px-2.5 py-1"
                         @click="emit('createTask', detail.header.id)"
                     />
                     <MalioButton
@@ -134,25 +119,10 @@ function joinAddresses(addresses: MailAddressDto[]): string {
                         variant="secondary"
                         icon-name="material-symbols:link"
                         icon-position="left"
-                        :icon-size="14"
+                        :icon-size="13"
+                        button-class="text-xs px-2.5 py-1"
                         @click="emit('linkTask', detail.header.id)"
                     />
-                    <MalioButton
-                        :label="detail.header.isRead ? t('mail.actions.markUnread') : t('mail.actions.markRead')"
-                        variant="tertiary"
-                        :icon-name="detail.header.isRead ? 'material-symbols:mark-email-unread-outline' : 'material-symbols:mark-email-read-outline'"
-                        icon-position="left"
-                        :icon-size="14"
-                        @click="handleMarkReadToggle"
-                    />
-                    <MalioButton
-                        :label="detail.header.isFlagged ? t('mail.actions.unflag') : t('mail.actions.flag')"
-                        variant="tertiary"
-                        :icon-name="detail.header.isFlagged ? 'material-symbols:star' : 'material-symbols:star-outline'"
-                        icon-position="left"
-                        :icon-size="14"
-                        @click="handleFlagToggle"
-                    />
                 </div>
             </div>