diff options
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkUserInfo.vue | 16 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkUserPopup.vue | 16 |
2 files changed, 18 insertions, 14 deletions
diff --git a/packages/frontend/src/components/MkUserInfo.vue b/packages/frontend/src/components/MkUserInfo.vue index 69144d3824..f05d9ef8d4 100644 --- a/packages/frontend/src/components/MkUserInfo.vue +++ b/packages/frontend/src/components/MkUserInfo.vue @@ -6,7 +6,9 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <div class="_panel" :class="$style.root"> <div :class="$style.banner" :style="user.bannerUrl ? { backgroundImage: `url(${prefer.s.disableShowingAnimatedImages ? getStaticImageUrl(user.bannerUrl) : user.bannerUrl})` } : ''"></div> - <MkAvatar :class="$style.avatar" :user="user" indicator/> + <MkA :to="userPage(user)"> + <MkAvatar :class="$style.avatar" :user="user" indicator/> + </MkA> <div :class="$style.title"> <MkA :class="$style.name" :to="userPage(user)"><MkUserName :user="user" :nowrap="false"/></MkA> <p :class="$style.username"><MkAcct :user="user"/></p> @@ -19,15 +21,15 @@ SPDX-License-Identifier: AGPL-3.0-only <span v-else style="opacity: 0.7;">{{ i18n.ts.noAccountDescription }}</span> </div> <div :class="$style.status"> - <div :class="$style.statusItem"> + <MkA :class="$style.statusItem" :to="userPage(user, 'notes')"> <p :class="$style.statusItemLabel">{{ i18n.ts.notes }}</p><span :class="$style.statusItemValue">{{ number(user.notesCount) }}</span> - </div> - <div v-if="isFollowingVisibleForMe(user)" :class="$style.statusItem"> + </MkA> + <MkA v-if="isFollowingVisibleForMe(user)" :class="$style.statusItem" :to="userPage(user, 'following')"> <p :class="$style.statusItemLabel">{{ i18n.ts.following }}</p><span :class="$style.statusItemValue">{{ number(user.followingCount) }}</span> - </div> - <div v-if="isFollowersVisibleForMe(user)" :class="$style.statusItem"> + </MkA> + <MkA v-if="isFollowersVisibleForMe(user)" :class="$style.statusItem" :to="userPage(user, 'followers')"> <p :class="$style.statusItemLabel">{{ i18n.ts.followers }}</p><span :class="$style.statusItemValue">{{ number(user.followersCount) }}</span> - </div> + </MkA> </div> <MkFollowButton v-if="user.id != $i?.id" :class="$style.follow" :user="user" mini/> </div> diff --git a/packages/frontend/src/components/MkUserPopup.vue b/packages/frontend/src/components/MkUserPopup.vue index 9b587178fe..f794899281 100644 --- a/packages/frontend/src/components/MkUserPopup.vue +++ b/packages/frontend/src/components/MkUserPopup.vue @@ -22,7 +22,9 @@ SPDX-License-Identifier: AGPL-3.0-only <path d="M64,32C81.661,32 96,46.339 96,64C95.891,72.184 104,72 104,72C104,72 74.096,80 64,80C52.755,80 24,72 24,72C24,72 31.854,72.018 32,64C32,46.339 46.339,32 64,32Z" style="fill: var(--MI_THEME-popup);"/> </g> </svg> - <MkAvatar :class="$style.avatar" :user="user" indicator/> + <MkA :to="userPage(user)"> + <MkAvatar :class="$style.avatar" :user="user" indicator/> + </MkA> <div :class="$style.title"> <MkA :class="$style.name" :to="userPage(user)"><MkUserName :user="user" :nowrap="false"/></MkA> <div :class="$style.username"><MkAcct :user="user"/></div> @@ -32,18 +34,18 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-else style="opacity: 0.7;">{{ i18n.ts.noAccountDescription }}</div> </div> <div :class="$style.status"> - <div :class="$style.statusItem"> + <MkA :class="$style.statusItem" :to="userPage(user, 'notes')"> <div :class="$style.statusItemLabel">{{ i18n.ts.notes }}</div> <div>{{ number(user.notesCount) }}</div> - </div> - <div v-if="isFollowingVisibleForMe(user)" :class="$style.statusItem"> + </MkA> + <MkA v-if="isFollowingVisibleForMe(user)" :class="$style.statusItem" :to="userPage(user, 'following')"> <div :class="$style.statusItemLabel">{{ i18n.ts.following }}</div> <div>{{ number(user.followingCount) }}</div> - </div> - <div v-if="isFollowersVisibleForMe(user)" :class="$style.statusItem"> + </MkA> + <MkA v-if="isFollowersVisibleForMe(user)" :class="$style.statusItem" :to="userPage(user, 'followers')"> <div :class="$style.statusItemLabel">{{ i18n.ts.followers }}</div> <div>{{ number(user.followersCount) }}</div> - </div> + </MkA> </div> <button class="_button" :class="$style.menu" @click="showMenu"><i class="ti ti-dots"></i></button> <MkFollowButton v-if="$i && user.id != $i.id" v-model:user="user" :class="$style.follow" mini/> |