diff options
| author | Kagami Sascha Rosylight <saschanaz@outlook.com> | 2022-12-25 15:52:52 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-12-25 15:52:52 +0900 |
| commit | decde50c865afb287d8c0d67e2dba0af65b1d69e (patch) | |
| tree | 51d83931ca6f836613e5c6b7d6b2c61414816bd8 /packages/client/src/components/MkReactionsViewer.details.vue | |
| parent | refactor(client): fix TypeScript errors from MkPageHeader (#9400) (diff) | |
| download | sharkey-decde50c865afb287d8c0d67e2dba0af65b1d69e.tar.gz sharkey-decde50c865afb287d8c0d67e2dba0af65b1d69e.tar.bz2 sharkey-decde50c865afb287d8c0d67e2dba0af65b1d69e.zip | |
enhance(client): show Unicode emoji tooltip with its name (#9399)
* enhance(client): show Unicode emoji tooltip with its name
* Update CHANGELOG.md
* Update CHANGELOG.md
Co-authored-by: tamaina <tamaina@hotmail.co.jp>
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/client/src/components/MkReactionsViewer.details.vue')
| -rw-r--r-- | packages/client/src/components/MkReactionsViewer.details.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/packages/client/src/components/MkReactionsViewer.details.vue b/packages/client/src/components/MkReactionsViewer.details.vue index 10e82cb9f9..fb8d74ad4b 100644 --- a/packages/client/src/components/MkReactionsViewer.details.vue +++ b/packages/client/src/components/MkReactionsViewer.details.vue @@ -3,7 +3,7 @@ <div class="bqxuuuey"> <div class="reaction"> <XReactionIcon :reaction="reaction" :custom-emojis="emojis" class="icon" :no-style="true"/> - <div class="name">{{ reaction.replace('@.', '') }}</div> + <div class="name">{{ getReactionName(reaction) }}</div> </div> <div class="users"> <div v-for="u in users" :key="u.id" class="user"> @@ -20,6 +20,7 @@ import { } from 'vue'; import MkTooltip from './MkTooltip.vue'; import XReactionIcon from '@/components/MkReactionIcon.vue'; +import { getEmojiName } from '@/scripts/emojilist'; defineProps<{ showing: boolean; @@ -33,6 +34,14 @@ defineProps<{ const emit = defineEmits<{ (ev: 'closed'): void; }>(); + +function getReactionName(reaction: string): string { + const trimLocal = reaction.replace('@.', ''); + if (trimLocal.startsWith(':')) { + return trimLocal; + } + return getEmojiName(reaction) ?? reaction; +} </script> <style lang="scss" scoped> |