From d788ece25d5adafd8af57408ed03f059dd08fd0d Mon Sep 17 00:00:00 2001
From: goooov <64647858+gourav-varma@users.noreply.github.com>
Date: Tue, 27 Feb 2024 03:18:05 +0530
Subject: [PATCH] [MM-56661] Fix: When deleting a draft you have to move your
 cursor away from the card and back to activate the buttons (#26170)

* [MM-56661] fix: hover logic changed to onMouseOver

* fix: updated snapshots

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../components/drafts/panel/__snapshots__/panel.test.tsx.snap | 2 +-
 webapp/channels/src/components/drafts/panel/panel.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap b/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap
index d07918a9f0..8fc37336cc 100644
--- a/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap
+++ b/webapp/channels/src/components/drafts/panel/__snapshots__/panel.test.tsx.snap
@@ -4,8 +4,8 @@ exports[`components/drafts/panel/ should match snapshot 1`] = `
 <article
   className="Panel"
   onClick={[Function]}
-  onMouseEnter={[Function]}
   onMouseLeave={[Function]}
+  onMouseOver={[Function]}
   role="button"
 />
 `;
diff --git a/webapp/channels/src/components/drafts/panel/panel.tsx b/webapp/channels/src/components/drafts/panel/panel.tsx
index c01c624bea..e26a7d03dd 100644
--- a/webapp/channels/src/components/drafts/panel/panel.tsx
+++ b/webapp/channels/src/components/drafts/panel/panel.tsx
@@ -16,7 +16,7 @@ const isEligibleForClick = makeIsEligibleForClick('.hljs, code');
 function Panel({children, onClick}: Props) {
     const [hover, setHover] = useState(false);
 
-    const handleMouseEnter = () => {
+    const handleMouseOver = () => {
         setHover(true);
     };
 
@@ -33,7 +33,7 @@ function Panel({children, onClick}: Props) {
     return (
         <article
             className='Panel'
-            onMouseEnter={handleMouseEnter}
+            onMouseOver={handleMouseOver}
             onClick={handleOnClick}
             onMouseLeave={handleMouseLeave}
             role='button'