From 1dbe7e716ffaa29ca927c1e386d12837db9594b8 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Wed, 14 Aug 2024 11:31:57 +0800
Subject: [PATCH] fix: #330 mouseout effect for edit and delete button

---
 src/views/AccountManagement/AccountAdmin/AccountAdmin.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
index a0359bf..7ffb7f0 100644
--- a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
+++ b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
@@ -196,6 +196,7 @@ export default {
 
         const handleDeleteMouseOut = (username) => {
             acctMgmtStore.changeIsDeleteHoveredByUser(username, false);
+            acctMgmtStore.changeIsRowHoveredByUser(username, false);
         };
 
         const handleRowMouseOver = (username) => {
@@ -213,6 +214,7 @@ export default {
 
         const handleEditMouseOut = (username) => {
             acctMgmtStore.changeIsEditHoveredByUser(username, false);
+            acctMgmtStore.changeIsRowHoveredByUser(username, false);
         };
 
         const handleDetailMouseOver = (username) => {
@@ -221,6 +223,7 @@ export default {
 
         const handleDetailMouseOut = (username) => {
             acctMgmtStore.changeIsDetailHoveredByUser(username, false);
+            acctMgmtStore.changeIsRowHoveredByUser(username, false);
         };
         
         const onEditButtonClick = userNameToEdit => {