From 09997c2f90769d56e8378384b1017a9ba1a33212 Mon Sep 17 00:00:00 2001
From: webfansplz <308241863@qq.com>
Date: Thu, 19 Jan 2023 18:26:40 +0800
Subject: [PATCH] chore: preview header only when it's already set (#1311)

Co-authored-by: Daniel Roe <daniel@roe.dev>
---
 components/account/AccountHeader.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index cc69486e..e2779d21 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -20,6 +20,7 @@ const relationship = $(useRelationship(account))
 
 const namedFields = ref<mastodon.v1.AccountField[]>([])
 const iconFields = ref<mastodon.v1.AccountField[]>([])
+const hasHeader = $computed(() => !account.header.endsWith('/original/missing.png'))
 
 function getFieldIconTitle(fieldName: string) {
   return fieldName === 'Joined' ? t('account.joined') : fieldName
@@ -85,9 +86,9 @@ const isNotifiedOnPost = $computed(() => !!relationship?.notifying)
 
 <template>
   <div flex flex-col>
-    <button border="b base" z-1>
-      <img h-50 height="200" w-full object-cover :src="account.header" :alt="t('account.profile_description', [account.username])" @click="previewHeader">
-    </button>
+    <component :is="hasHeader ? 'button' : 'div'" border="b base" z-1 @click="hasHeader ? previewHeader() : undefined">
+      <img h-50 height="200" w-full object-cover :src="account.header" :alt="t('account.profile_description', [account.username])">
+    </component>
     <div p4 mt--18 flex flex-col gap-4>
       <div relative>
         <div flex="~ col gap-2 1">