From 421597b1bcd67b78b26445c911d8e92a81a3b6eb Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Mon, 5 May 2025 16:25:05 +0530
Subject: [PATCH] chore: Minor fix

---
 .../components-next/message/bubbles/Email/Index.vue       | 8 ++++----
 .../dashboard/components-next/message/provider.js         | 1 -
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue b/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
index 99463fd6d..b9b039e18 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue
@@ -9,7 +9,7 @@ import {
 } from 'vue';
 import { Letter } from 'vue-letter';
 import { allowedCssProperties } from 'lettersanitizer';
-import { useScrollLock } from '@vueuse/core';
+import { useScrollLock, useToggle } from '@vueuse/core';
 
 import Icon from 'next/icon/Icon.vue';
 import MessageMenu from 'dashboard/components-next/message/MessageMenu.vue';
@@ -39,7 +39,7 @@ const contentContainer = useTemplateRef('contentContainer');
 const emailMeta = useTemplateRef('emailMeta');
 
 // Forward form
-const showForwardMessageModal = ref(false);
+const [showForwardMessageModal, toggleForwardModal] = useToggle();
 const forwardFormPosition = reactive({ top: 0, right: 0 });
 const conversationPanelScrollLock = ref(null);
 
@@ -121,7 +121,7 @@ const handleSeeOriginal = () => {
 };
 
 const closeForwardModal = () => {
-  showForwardMessageModal.value = false;
+  toggleForwardModal(false);
   if (conversationPanelScrollLock.value)
     conversationPanelScrollLock.value.value = false;
 };
@@ -138,7 +138,7 @@ const openForwardModal = event => {
     forwardFormPosition.right = window.innerWidth - buttonRect.right - 9;
   }
 
-  showForwardMessageModal.value = true;
+  toggleForwardModal(true);
 };
 
 onUnmounted(() => {
diff --git a/app/javascript/dashboard/components-next/message/provider.js b/app/javascript/dashboard/components-next/message/provider.js
index 5e0e3b525..08dce4eec 100644
--- a/app/javascript/dashboard/components-next/message/provider.js
+++ b/app/javascript/dashboard/components-next/message/provider.js
@@ -101,7 +101,6 @@ const MessageControl = Symbol('MessageControl');
  * @property {import('vue').ComputedRef<boolean>} isMyMessage - Does the message belong to the current user
  * @property {import('vue').ComputedRef<boolean>} isPrivate - Proxy computed value for private
  * @property {import('vue').ComputedRef<boolean>} shouldGroupWithNext - Should group with the next message or not, it is different from groupWithNext, this has a bypass for a failed message
- * @property {import('vue').ComputedRef<EmailContent>} emailContent - Email content and metadata
  */
 
 /**