From 3a3cf77da112e75a9d1a41ed1a272f8c28147dda Mon Sep 17 00:00:00 2001
From: Sebastian <krupinski01@gmail.com>
Date: Tue, 26 May 2026 23:17:03 -0400
Subject: [PATCH] fix: recipient click

Signed-off-by: Sebastian <krupinski01@gmail.com>
---
 src/components/MessageList.vue             | 14 +++++++++++++-
 src/components/common/RecipientDetails.vue | 11 ++++++++++-
 src/stores/mailStore.ts                    |  4 ----
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/MessageList.vue b/src/components/MessageList.vue
index b8a6db7..f558021 100644
--- a/src/components/MessageList.vue
+++ b/src/components/MessageList.vue
@@ -210,6 +210,15 @@ const handleFlag = (flag: string, value: boolean) => {
   }
 }
 
+const handleRecipientClick = (message: EntityObject) => {
+  if (props.selectionMode) {
+    emit('selectionToggleOne', message)
+    return
+  }
+
+  emit('open', message)
+}
+
 
 onBeforeUnmount(() => {
   clearLongPressTimer()
@@ -364,7 +373,10 @@ onBeforeUnmount(() => {
 
           <v-list-item-title class="d-flex align-center">
             <span class="flex-grow-1 text-truncate">
-              <RecipientDetails :address="message.properties.from">
+              <RecipientDetails
+                :address="message.properties.from"
+                @clicked="handleRecipientClick(message)"
+              >
                 <template #default="{ label }">
                   <span class="message-person-link text-truncate">{{ label }}</span>
                 </template>
diff --git a/src/components/common/RecipientDetails.vue b/src/components/common/RecipientDetails.vue
index 476e6c2..54282e9 100644
--- a/src/components/common/RecipientDetails.vue
+++ b/src/components/common/RecipientDetails.vue
@@ -11,6 +11,11 @@ interface Props {
 
 const props = defineProps<Props>()
 
+// Emits
+const emit = defineEmits<{
+  clicked: []
+}>()
+
 const mailUiStore = useMailUiStore()
 const { showSnackbar } = useSnackbar()
 
@@ -51,6 +56,10 @@ const handleCompose = () => {
 
   mailUiStore.openComposer(props.address, ComposerMode.Fresh)
 }
+
+const handleClick = () => {
+  emit('clicked')
+}
 </script>
 
 <template>
@@ -65,7 +74,7 @@ const handleCompose = () => {
       <span
         v-bind="activatorProps"
         class="address-activator"
-        @click.stop
+        @click="handleClick"
       >
         <slot
           :label="displayLabel"
diff --git a/src/stores/mailStore.ts b/src/stores/mailStore.ts
index 5e8b179..2b57b7c 100644
--- a/src/stores/mailStore.ts
+++ b/src/stores/mailStore.ts
@@ -528,8 +528,6 @@ export const useMailStore = defineStore('mailStore', () => {
 
     const shouldNotify = options.notify ?? true
 
-    loading.value = true
-
     try {
       const patch = entitiesStore.fresh().properties
       patch.flags = flags
@@ -556,8 +554,6 @@ export const useMailStore = defineStore('mailStore', () => {
       console.error('[Mail][Operations] Failed to update messages:', error)
       notify(messageText, 'error')
       throw error
-    } finally {
-      loading.value = false
     }
   }