From 548183e14a6f4efca0fda86490addb014c44c3ad Mon Sep 17 00:00:00 2001
From: nove-b <nove.b.web@gmail.com>
Date: Mon, 30 Jun 2025 00:28:36 +0900
Subject: [PATCH] fix(profile): incorrect "pinned post" label shown on other
 account (#3320)

---
 app/components/status/StatusCard.vue          | 8 ++++++--
 app/components/timeline/TimelinePaginator.vue | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/components/status/StatusCard.vue b/app/components/status/StatusCard.vue
index b6cdd661..604a107f 100644
--- a/app/components/status/StatusCard.vue
+++ b/app/components/status/StatusCard.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { mastodon } from 'masto'
 
-const { actions = true, older, newer, hasOlder, hasNewer, main, ...props } = defineProps<{
+const { actions = true, older, newer, hasOlder, hasNewer, main, account, ...props } = defineProps<{
   status: mastodon.v1.Status
   followedTag?: string | null
   actions?: boolean
@@ -20,6 +20,7 @@ const { actions = true, older, newer, hasOlder, hasNewer, main, ...props } = def
   // When looking into a detailed view of a post, we can simplify the replying badges
   // to the main expanded post
   main?: mastodon.v1.Status
+  account?: mastodon.v1.Account
 }>()
 
 const userSettings = useUserSettings()
@@ -60,7 +61,10 @@ const timeago = useTimeAgo(() => status.value.createdAt, timeAgoOptions)
 const isSelfReply = computed(() => status.value.inReplyToAccountId === status.value.account.id)
 const collapseRebloggedBy = computed(() => rebloggedBy.value?.id === status.value.account.id)
 const isDM = computed(() => status.value.visibility === 'direct')
-const isPinned = computed(() => status.value.pinned)
+const isPinned = computed(
+  () =>
+    !!props.status.pinned && account?.id === status.value.account.id,
+)
 
 const showUpperBorder = computed(() => newer && !directReply.value)
 const showReplyTo = computed(() => !replyToMain.value && !directReply.value)
diff --git a/app/components/timeline/TimelinePaginator.vue b/app/components/timeline/TimelinePaginator.vue
index cdb9a05d..c4ec65bb 100644
--- a/app/components/timeline/TimelinePaginator.vue
+++ b/app/components/timeline/TimelinePaginator.vue
@@ -39,11 +39,11 @@ function getFollowedTag(status: mastodon.v1.Status): string | null {
     <template #default="{ item, older, newer, active }">
       <template v-if="virtualScroller">
         <DynamicScrollerItem :item="item" :active="active" tag="article">
-          <StatusCard :followed-tag="getFollowedTag(item)" :status="item" :context="context" :older="older" :newer="newer" />
+          <StatusCard :followed-tag="getFollowedTag(item)" :status="item" :context="context" :older="older" :newer="newer" :account="account" />
         </DynamicScrollerItem>
       </template>
       <template v-else>
-        <StatusCard :followed-tag="getFollowedTag(item)" :status="item" :context="context" :older="older" :newer="newer" />
+        <StatusCard :followed-tag="getFollowedTag(item)" :status="item" :context="context" :older="older" :newer="newer" :account="account" />
       </template>
     </template>
     <template v-if="context === 'account' " #done="{ items }">