From 5e12d7051e4cbbeaf167690705657844586289c7 Mon Sep 17 00:00:00 2001
From: Clas Wen <clas.wen@icloud.com>
Date: Sat, 24 May 2025 17:33:11 +0800
Subject: [PATCH] save

---
 src/components/header/NavigationUser.vue | 46 ++++++++++++++++++++++--
 src/pages/repair/index.astro             |  2 +-
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/src/components/header/NavigationUser.vue b/src/components/header/NavigationUser.vue
index e1ad240..0189eb2 100644
--- a/src/components/header/NavigationUser.vue
+++ b/src/components/header/NavigationUser.vue
@@ -13,6 +13,11 @@ const onSignIn = async () => {
     postRedirectUri: window.location.pathname,
   })
 }
+
+const onGoToAccountManage = async () => {
+  window.open("https://myid.app.nbtca.space/account/aboutme", "_blank")
+}
+
 const onSignOut = async () => {
   logtoClient.value?.signOut(import.meta.env.PUBLIC_LOGTO_REDIRECT_URL)
 }
@@ -66,10 +71,47 @@ onMounted(() => {
             <div class="p-1">
               <MenuItem v-slot="{ active }">
                 <button
-                  @click="onSignOut"
-                  class="text-nowrap"
+                  @click="onGoToAccountManage"
+                  class="text-nowrap items-center gap-1 group"
                   :class="[active ? 'bg-violet-500 text-white' : 'text-gray-900', 'flex w-full items-center rounded-md px-2 py-2 text-sm']"
                 >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke-width="1.5"
+                    stroke="currentColor"
+                    class="size-4 text-gray-500 group-hover:text-white"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
+                    />
+                  </svg>
+                  账号管理
+                </button>
+              </MenuItem>
+              <MenuItem v-slot="{ active }">
+                <button
+                  @click="onSignOut"
+                  class="text-nowrap items-center gap-1 group"
+                  :class="[active ? 'bg-violet-500 text-white' : 'text-gray-900', 'flex w-full items-center rounded-md px-2 py-2 text-sm']"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke-width="1.5"
+                    stroke="currentColor"
+                    class="size-4 text-gray-500 group-hover:text-white"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      d="M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9"
+                    />
+                  </svg>
                   登出
                 </button>
               </MenuItem>
diff --git a/src/pages/repair/index.astro b/src/pages/repair/index.astro
index 0e07a6f..81ecbd9 100644
--- a/src/pages/repair/index.astro
+++ b/src/pages/repair/index.astro
@@ -68,7 +68,7 @@ import RepairHeader from "../../components/header/RepairHeader.astro"
             在接受预约之外，我们每月举办 <span class="text-black">理工维修日</span>，定时定点提供维修。
           </div>
           <div>
-            在<a href="/calendar" class="mx-0.5">协会公共日历</a>上查看最近的维修日
+            你可以在<a href="/calendar" class="mx-0.5">协会公共日历</a>上查看最近的维修日。
           </div>
         </div>
       </div>