From 972b92640fc6ad3e7ac53ca4aff74fcb1326c62e Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Fri, 9 Aug 2024 14:25:57 +0800
Subject: [PATCH] fix: #331 add hover effect for self (logged in user)

---
 .../AccountManagement/AccountAdmin/AccountAdmin.vue      | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
index b0942d0..84844d8 100644
--- a/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
+++ b/src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
@@ -48,7 +48,8 @@
                                     @click="onAdminInputClick(slotProps.data, true)"
                                 />
                             </div>
-                            <div v-else class="row-container flex-w-full-hoverable flex w-full h-6"></div>
+                            <div v-else @mouseenter="handleRowMouseOver(slotProps.data.username)" @mouseout="handleRowMouseOut(slotProps.data.username)"
+                            class="row-container flex-w-full-hoverable flex w-full h-6"></div>
                         </template>
                     </Column>
                     <Column field="is_active" :header="i18next.t('AcctMgmt.AccountActivation')" bodyClass="text-neutral-500"
@@ -63,7 +64,8 @@
                                         @click="setIsActiveInput(slotProps.data, true)"/>
                                 </div> 
                             </div>
-                            <div v-else class="row-container flex-w-full-hoverable flex w-full h-6"></div>                            
+                            <div v-else @mouseenter="handleRowMouseOver(slotProps.data.username)" @mouseout="handleRowMouseOut(slotProps.data.username)"
+                            class="row-container flex-w-full-hoverable flex w-full h-6"></div>                            
                         </template>
                     </Column>
                     <Column :header="i18next.t('AcctMgmt.Detail')" bodyClass="text-neutral-500" headerClass="header-center">
@@ -99,7 +101,8 @@
                                     @click="onDeleteBtnClick(slotProps.data.username)"
                                 >
                             </div>
-                            <div v-else class="row-container flex-w-full-hoverable flex w-full h-6"></div>
+                            <div v-else @mouseenter="handleRowMouseOver(slotProps.data.username)" @mouseout="handleRowMouseOut(slotProps.data.username)"
+                            class="row-container flex-w-full-hoverable flex w-full h-6"></div>
                         </template>
                     </Column>
                 </DataTable>