teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: display follow text when loading relationship

Browse source
This commit is contained in:
三咲智子 2023-01-09 16:46:28 +08:00
parent c28d1e1537
commit 5c8faca620
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/account/AccountFollowButton.vue
View file

@ -60,18 +60,14 @@ useCommand({
})
const buttonStyle = $computed(() => {
// Skeleton while loading, avoid primary color flash
if (!relationship)
return 'text-inverted'
if (relationship.blocking)
if (relationship?.blocking)
return 'text-inverted bg-red border-red'
if (relationship.muting)
if (relationship?.muting)
return 'text-base bg-code border-base'
// If following, use a label style with a strong border for Mutuals
if (relationship.following)
if (relationship?.following)
return `text-base ${relationship.followedBy ? 'border-strong' : 'border-base'}`
// If not following, use a button style
@ -99,7 +95,7 @@ const buttonStyle = $computed(() => {
<span hidden group-hover="inline">{{ $t('account.unmute') }}</span>
</template>
<template v-else-if="relationship?.following">
<span group-hover="hidden">{{ relationship?.followedBy ? $t('account.mutuals') : $t('account.following') }}</span>
<span group-hover="hidden">{{ relationship.followedBy ? $t('account.mutuals') : $t('account.following') }}</span>
<span hidden group-hover="inline">{{ $t('account.unfollow') }}</span>
</template>
<template v-else-if="relationship?.requested">