From 2fe56d237dbd6560d108f67d129e6200cee5d40d Mon Sep 17 00:00:00 2001
From: ayoayco <ayo@ayco.io>
Date: Fri, 25 Apr 2025 21:04:55 +0200
Subject: [PATCH] feat: add tooltips to add & remove buttons

---
 .../[[server]]/list/[list]/index/accounts.vue | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/pages/[[server]]/list/[list]/index/accounts.vue b/pages/[[server]]/list/[list]/index/accounts.vue
index 1e71ff5c..e9e43561 100644
--- a/pages/[[server]]/list/[list]/index/accounts.vue
+++ b/pages/[[server]]/list/[list]/index/accounts.vue
@@ -127,16 +127,18 @@ function removeAccount(account: mastodon.v1.Account) {
                 :result="result"
                 :tabindex="focused ? 0 : -1"
               />
-              <button
-                text-sm p2 border-1 transition-colors
-                border-dark
-                btn-action-icon
-                bg-base
-                :hover="isInCurrentList(result.id) ? 'text-red' : 'text-green'"
-                @click=" () => isInCurrentList(result.id) ? removeAccount(result.data) : addAccount(result.data) "
-              >
-                <span :class="isInCurrentList(result.id) ? 'i-ri:user-unfollow-line' : 'i-ri:user-add-line'" />
-              </button>
+              <CommonTooltip :content="isInCurrentList(result.id) ? $t('list.remove_account') : $t('list.add_account')">
+                <button
+                  text-sm p2 border-1 transition-colors
+                  border-dark
+                  btn-action-icon
+                  bg-base
+                  :hover="isInCurrentList(result.id) ? 'text-red' : 'text-green'"
+                  @click=" () => isInCurrentList(result.id) ? removeAccount(result.data) : addAccount(result.data) "
+                >
+                  <span :class="isInCurrentList(result.id) ? 'i-ri:user-unfollow-line' : 'i-ri:user-add-line'" />
+                </button>
+              </CommonTooltip>
             </div>
           </template>
           <span v-else block text-center text-sm text-secondary>