From 40ef317491d7103a74b0ed1c7f9ca5e4a2e890e6 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Sun, 2 Nov 2025 02:03:02 +1100
Subject: [PATCH] Platform icon tooltips

---
 .../dialogs/UserDialog/UserSummaryHeader.vue  | 109 ++++++++++--------
 src/localization/en/en.json                   |   2 +-
 2 files changed, 61 insertions(+), 50 deletions(-)

diff --git a/src/components/dialogs/UserDialog/UserSummaryHeader.vue b/src/components/dialogs/UserDialog/UserSummaryHeader.vue
index df14ad2b..889a2f8e 100644
--- a/src/components/dialogs/UserDialog/UserSummaryHeader.vue
+++ b/src/components/dialogs/UserDialog/UserSummaryHeader.vue
@@ -82,30 +82,38 @@
                         style="margin-right: 5px; margin-top: 5px">
                         {{ userDialog.ref.$trustLevel }}
                     </el-tag>
-                    <el-tag
+                    <el-tooltip
                         v-if="userDialog.ref.ageVerified && userDialog.ref.ageVerificationStatus"
-                        type="info"
-                        effect="plain"
-                        size="small"
-                        class="x-tag-age-verification"
-                        style="margin-right: 5px; margin-top: 5px">
-                        <template v-if="userDialog.ref.ageVerificationStatus === '18+'">
-                            <i class="ri-info-card-line"></i> 18+
-                        </template>
-                        <template v-else>
-                            <i class="ri-info-card-line"></i>
-                        </template>
-                    </el-tag>
-                    <el-tag
+                        placement="top"
+                        :content="t('dialog.user.tags.age_verified')">
+                        <el-tag
+                            type="info"
+                            effect="plain"
+                            size="small"
+                            class="x-tag-age-verification"
+                            style="margin-right: 5px; margin-top: 5px">
+                            <template v-if="userDialog.ref.ageVerificationStatus === '18+'">
+                                <i class="ri-info-card-line"></i> 18+
+                            </template>
+                            <template v-else>
+                                <i class="ri-info-card-line"></i>
+                            </template>
+                        </el-tag>
+                    </el-tooltip>
+                    <el-tooltip
                         v-if="userDialog.isFriend && userDialog.friend"
-                        type="info"
-                        effect="plain"
-                        size="small"
-                        class="x-tag-friend"
-                        style="margin-right: 5px; margin-top: 5px">
-                        <i class="ri-user-add-line"></i>
-                        {{ userDialog.ref.$friendNumber ? userDialog.ref.$friendNumber : '' }}
-                    </el-tag>
+                        placement="top"
+                        :content="t('dialog.user.tags.friend_number')">
+                        <el-tag
+                            type="info"
+                            effect="plain"
+                            size="small"
+                            class="x-tag-friend"
+                            style="margin-right: 5px; margin-top: 5px">
+                            <i class="ri-user-add-line"></i>
+                            {{ userDialog.ref.$friendNumber ? userDialog.ref.$friendNumber : '' }}
+                        </el-tag>
+                    </el-tooltip>
                     <el-tag
                         v-if="userDialog.ref.$isTroll"
                         type="info"
@@ -134,33 +142,36 @@
                         {{ t('dialog.user.tags.vrchat_team') }}
                     </el-tag>
 
-                    <el-tag
-                        v-if="userDialog.ref.$platform === 'standalonewindows'"
-                        type="info"
-                        effect="plain"
-                        size="small"
-                        class="x-tag-platform-pc"
-                        style="margin-right: 5px; margin-top: 5px">
-                        <i class="ri-computer-line"></i>
-                    </el-tag>
-                    <el-tag
-                        v-else-if="userDialog.ref.$platform === 'android'"
-                        type="info"
-                        effect="plain"
-                        size="small"
-                        class="x-tag-platform-quest"
-                        style="margin-right: 5px; margin-top: 5px">
-                        <i class="ri-android-line"></i>
-                    </el-tag>
-                    <el-tag
-                        v-else-if="userDialog.ref.$platform === 'ios'"
-                        type="info"
-                        effect="plain"
-                        size="small"
-                        class="x-tag-platform-ios"
-                        style="margin-right: 5px; margin-top: 5px"
-                        ><i class="ri-apple-line"></i
-                    ></el-tag>
+                    <el-tooltip v-if="userDialog.ref.$platform === 'standalonewindows'" placement="top" content="PC">
+                        <el-tag
+                            type="info"
+                            effect="plain"
+                            size="small"
+                            class="x-tag-platform-pc"
+                            style="margin-right: 5px; margin-top: 5px">
+                            <i class="ri-computer-line"></i>
+                        </el-tag>
+                    </el-tooltip>
+                    <el-tooltip v-else-if="userDialog.ref.$platform === 'android'" placement="top" content="Quest">
+                        <el-tag
+                            type="info"
+                            effect="plain"
+                            size="small"
+                            class="x-tag-platform-quest"
+                            style="margin-right: 5px; margin-top: 5px">
+                            <i class="ri-android-line"></i>
+                        </el-tag>
+                    </el-tooltip>
+                    <el-tooltip v-else-if="userDialog.ref.$platform === 'ios'" placement="top" content="iOS">
+                        <el-tag
+                            type="info"
+                            effect="plain"
+                            size="small"
+                            class="x-tag-platform-ios"
+                            style="margin-right: 5px; margin-top: 5px"
+                            ><i class="ri-apple-line"></i
+                        ></el-tag>
+                    </el-tooltip>
                     <el-tag
                         v-else-if="userDialog.ref.$platform"
                         type="info"
diff --git a/src/localization/en/en.json b/src/localization/en/en.json
index d9269ad9..255ffc79 100644
--- a/src/localization/en/en.json
+++ b/src/localization/en/en.json
@@ -775,7 +775,7 @@
             "previous_display_names": "Previous Display Names:",
             "pronouns": "Pronouns",
             "tags": {
-                "friend_no": "Friend {number}",
+                "friend_number": "Friend number",
                 "vrchat_team": "VRChat Team",
                 "18_plus_verified": "18+ Verified",
                 "age_verified": "Age Verified"