From 2672af671c6c2f4e02eec6afd19eaca89eb331dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Mon, 5 Dec 2022 01:28:22 +0800
Subject: [PATCH] feat(account): display moved account on profile

closes #330
---
 components/account/AccountMoved.vue | 30 +++++++++++++++++++++++++++++
 locales/en-US.json                  |  2 ++
 locales/zh-CN.json                  |  2 ++
 pages/@[account]/index.vue          |  3 ++-
 4 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 components/account/AccountMoved.vue

diff --git a/components/account/AccountMoved.vue b/components/account/AccountMoved.vue
new file mode 100644
index 00000000..32e79389
--- /dev/null
+++ b/components/account/AccountMoved.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import type { Account } from 'masto'
+
+defineProps<{
+  account: Account
+}>()
+</script>
+
+<template>
+  <div flex="~ col gap-2" p4>
+    <div flex="~ gap-1" justify-center>
+      <AccountInlineInfo :account="account" :link="false" />
+      {{ $t('account.moved_title') }}
+    </div>
+
+    <div flex>
+      <NuxtLink :to="getAccountRoute(account.moved as any)">
+        <AccountInfo :account="account.moved" />
+      </NuxtLink>
+      <div flex-auto />
+      <div flex items-center>
+        <NuxtLink :to="getAccountRoute(account.moved as any)">
+          <button btn-solid h-fit>
+            {{ $t('account.go_to_profile') }}
+          </button>
+        </NuxtLink>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/locales/en-US.json b/locales/en-US.json
index 80946705..442eefed 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -12,7 +12,9 @@
     "following": "Following",
     "following_count": "{0} Following",
     "follows_you": "Follows you",
+    "go_to_profile": "Go to profile",
     "joined": "Joined",
+    "moved_title": "has indicated that their new account is now:",
     "muted_users": "Muted users",
     "mutuals": "Mutuals",
     "pinned": "Pinned",
diff --git a/locales/zh-CN.json b/locales/zh-CN.json
index d6d163fa..fe1ef230 100644
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@@ -12,7 +12,9 @@
     "following": "关注中",
     "following_count": "正在关注 {0} 人",
     "follows_you": "已关注你",
+    "go_to_profile": "转到个人资料",
     "joined": "已加入",
+    "moved_title": "的新账号是：",
     "muted_users": "已屏蔽的用户",
     "mutuals": "互相关注",
     "pinned": "置顶的帖文",
diff --git a/pages/@[account]/index.vue b/pages/@[account]/index.vue
index 42a80bc6..01e81a7d 100644
--- a/pages/@[account]/index.vue
+++ b/pages/@[account]/index.vue
@@ -27,7 +27,8 @@ onReactivated(() => {
     </template>
 
     <template v-if="account">
-      <AccountHeader :account="account" command border="b base" />
+      <AccountMoved v-if="account.moved" :account="account" />
+      <AccountHeader :account="account" command border="b base" :class="{ 'op-50 grayscale-50': !!account.moved }" />
 
       <div v-if="relationship?.blockedBy" h-30 flex="~ col center gap-2">
         <div text-secondary>