feat(userField): add navigation to personal access token

- add button for navigation to 'myPersonalAccessToken' in UserField.vue - include icon and translation for access token menu item
ShiinaKin · Nov 16, 2024 · 2e8280b · 2e8280b
1 parent 3016066
commit 2e8280b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/ui/src/locales/zh_cn.yaml b/ui/src/locales/zh_cn.yaml
@@ -44,6 +44,7 @@ message:
   userMenuMyAlbum: "我的相册"
   userMenuAccount: "我的账户"
   userMenuProfile: "我的资料"
+  userMenuMyAccessToken: "我的令牌"
   userMenuAdminField: "管理后台"
   userMenuLogout: "退出登录"
   userMenuLogoutSuccess: "登出成功"

diff --git a/ui/src/views/structure/userField/UserField.vue b/ui/src/views/structure/userField/UserField.vue
@@ -126,6 +126,18 @@ function handleLogout() {
                   </button>
                 </li>
 
+                <li>
+                  <button
+                    @click="router.push({ name: 'myPersonalAccessToken' })"
+                    :class="isActive('myPersonalAccessToken') ? activeCSS : inactiveCSS"
+                  >
+                    <div class="flex items-center gap-1">
+                      <Icon icon="mdi:account-key" class="size-5" />
+                      <span>{{ t("message.userMenuMyAccessToken") }}</span>
+                    </div>
+                  </button>
+                </li>
+
                 <li v-if="isAdmin">
                   <button @click="router.push({ name: 'adminField' })" :class="inactiveCSS">
                     <div class="flex items-center gap-1">