From 8840205c98b093845e4823ca0b488f7f8f0067f3 Mon Sep 17 00:00:00 2001
From: Ryan Cao <70191398+ryanccn@users.noreply.github.com>
Date: Wed, 4 Jan 2023 22:43:17 +0800
Subject: [PATCH] feat: add link to account settings on instance (#772)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 三咲智子 <sxzz@sxzz.moe>
---
 components/settings/SettingsItem.vue | 4 +++-
 locales/en-US.json                   | 1 +
 pages/settings.vue                   | 8 ++++++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/settings/SettingsItem.vue b/components/settings/SettingsItem.vue
index aebe97dc..58620101 100644
--- a/components/settings/SettingsItem.vue
+++ b/components/settings/SettingsItem.vue
@@ -6,6 +6,7 @@ const props = defineProps<{
   icon?: string
   to?: string | Record<string, string>
   command?: boolean
+  external?: true
 }>()
 
 const router = useRouter()
@@ -33,6 +34,7 @@ useCommand({
 <template>
   <NuxtLink
     :to="to"
+    :external="external"
     exact-active-class="text-primary"
     block w-full group focus:outline-none
     @click="to ? $scrollToTop() : undefined"
@@ -70,7 +72,7 @@ useCommand({
           {{ content }}
         </slot>
       </p>
-      <div v-if="to" i-ri:arrow-right-s-line text-xl text-secondary-light class="rtl-flip" />
+      <div v-if="to" :class="!external ? 'i-ri:arrow-right-s-line' : 'i-ri:external-link-line'" text-xl text-secondary-light class="rtl-flip" />
     </div>
   </NuxtLink>
 </template>
diff --git a/locales/en-US.json b/locales/en-US.json
index 35a5baf4..b0a336a0 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -235,6 +235,7 @@
     "about": {
       "label": "About"
     },
+    "account_settings": "Account settings",
     "feature_flags": {
       "github_cards": "GitHub Cards",
       "title": "Experimental Features",
diff --git a/pages/settings.vue b/pages/settings.vue
index fe8d34f0..533369dd 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -39,6 +39,14 @@ const isRootPath = computedEager(() => route.name === 'settings')
               :text="$t('settings.interface.label')"
               to="/settings/interface"
             />
+            <SettingsItem
+              v-if="isHydrated && currentUser"
+              command
+              icon="i-ri:settings-line"
+              :text="$t('settings.account_settings')"
+              :to="`https://${currentUser!.server}/auth/edit`"
+              external target="_blank"
+            />
             <SettingsItem
               command
               icon="i-ri-globe-line"