From 8a43cfaca594876a8ccd642a26c325fd3ea2f7d1 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: Wed, 23 Nov 2022 21:59:13 +0800
Subject: [PATCH] fix: don't show follow when self profile

---
 components/account/AccountFollowButton.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/account/AccountFollowButton.vue b/components/account/AccountFollowButton.vue
index d8aa2512..406cfe41 100644
--- a/components/account/AccountFollowButton.vue
+++ b/components/account/AccountFollowButton.vue
@@ -5,6 +5,7 @@ const { account } = defineProps<{
   account: Account
 }>()
 
+const isSelf = $computed(() => currentUser.value?.account?.id === account.id)
 const relationship = $(useRelationship(account))
 
 async function toggleFollow() {
@@ -14,7 +15,11 @@ async function toggleFollow() {
 </script>
 
 <template>
-  <button v-if="relationship" flex gap-1 items-center w-full rounded hover="op100 text-white b-purple" group @click="toggleFollow">
+  <button
+    v-if="!isSelf && relationship"
+    flex gap-1 items-center w-full rounded hover="op100 text-white b-purple" group
+    @click="toggleFollow"
+  >
     <div rounded w-28 p2 :group-hover="relationship?.following ? 'bg-red/30' : 'bg-purple/30'" :class="!relationship?.following ? 'bg-cyan/10' : ' bg-purple/10'">
       <template v-if="relationship?.following">
         <span group-hover="hidden">Following</span>