diff options
| author | taiy <53635909+taiyme@users.noreply.github.com> | 2023-02-12 17:15:12 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-02-12 17:15:12 +0900 |
| commit | 317770fb2334fa63cf34490e41db3556807d6afa (patch) | |
| tree | c823349f39270759f05ca6c75aa3d42ed85f982f /packages/frontend/src/components/MkReactedUsersDialog.vue | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | misskey-317770fb2334fa63cf34490e41db3556807d6afa.tar.gz misskey-317770fb2334fa63cf34490e41db3556807d6afa.tar.bz2 misskey-317770fb2334fa63cf34490e41db3556807d6afa.zip | |
enhance(client): リアクションが無いことを伝える (#9901)
Diffstat (limited to '')
| -rw-r--r-- | packages/frontend/src/components/MkReactedUsersDialog.vue | 22 |
1 files changed, 14 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkReactedUsersDialog.vue b/packages/frontend/src/components/MkReactedUsersDialog.vue index 2a8dffc014..1506e24ce8 100644 --- a/packages/frontend/src/components/MkReactedUsersDialog.vue +++ b/packages/frontend/src/components/MkReactedUsersDialog.vue @@ -10,15 +10,21 @@ <MkSpacer :margin-min="20" :margin-max="28"> <div v-if="note" class="_gaps"> - <div :class="$style.tabs"> - <button v-for="reaction in reactions" :key="reaction" :class="[$style.tab, { [$style.tabActive]: tab === reaction }]" class="_button" @click="tab = reaction"> - <MkReactionIcon :reaction="reaction"/> - <span style="margin-left: 4px;">{{ note.reactions[reaction] }}</span> - </button> + <div v-if="reactions.length === 0" class="_fullinfo"> + <img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/> + <div>{{ i18n.ts.nothing }}</div> </div> - <MkA v-for="user in users" :key="user.id" :to="userPage(user)"> - <MkUserCardMini :user="user" :with-chart="false"/> - </MkA> + <template v-else> + <div :class="$style.tabs"> + <button v-for="reaction in reactions" :key="reaction" :class="[$style.tab, { [$style.tabActive]: tab === reaction }]" class="_button" @click="tab = reaction"> + <MkReactionIcon :reaction="reaction"/> + <span style="margin-left: 4px;">{{ note.reactions[reaction] }}</span> + </button> + </div> + <MkA v-for="user in users" :key="user.id" :to="userPage(user)"> + <MkUserCardMini :user="user" :with-chart="false"/> + </MkA> + </template> </div> <div v-else> <MkLoading/> |