diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue index d5638813b4..7f21bb298a 100644 --- a/packages/frontend/src/components/MkNotification.vue +++ b/packages/frontend/src/components/MkNotification.vue @@ -15,7 +15,7 @@ <i v-else-if="notification.type === 'quote'" class="ti ti-quote"></i> <i v-else-if="notification.type === 'pollEnded'" class="ti ti-chart-arrows"></i> <!-- notification.reaction が null になることはまずないが、ここでoptional chaining使うと一部ブラウザで刺さるので念の為 --> - <XReactionIcon + <MkReactionIcon v-else-if="notification.type === 'reaction'" ref="reactionRef" :reaction="notification.reaction ? notification.reaction.replace(/^:(\w+):$/, ':$1@.:') : notification.reaction" @@ -71,7 +71,7 @@ <script lang="ts" setup> import { ref, shallowRef, onMounted, onUnmounted, watch } from 'vue'; import * as misskey from 'misskey-js'; -import XReactionIcon from '@/components/MkReactionIcon.vue'; +import MkReactionIcon from '@/components/MkReactionIcon.vue'; import MkFollowButton from '@/components/MkFollowButton.vue'; import XReactionTooltip from '@/components/MkReactionTooltip.vue'; import { getNoteSummary } from '@/scripts/get-note-summary'; diff --git a/packages/frontend/src/components/MkPlusOneEffect.vue b/packages/frontend/src/components/MkPlusOneEffect.vue index 3e4f2059fd..af3a6c0e41 100644 --- a/packages/frontend/src/components/MkPlusOneEffect.vue +++ b/packages/frontend/src/components/MkPlusOneEffect.vue @@ -1,7 +1,7 @@ <template> <div :class="$style.root" :style="{ zIndex, top: `${y - 64}px`, left: `${x - 64}px` }"> <span class="text" :class="{ up }"> - <XReactionIcon class="icon" :reaction="reaction"/> + <MkReactionIcon class="icon" :reaction="reaction"/> </span> </div> </template> @@ -9,7 +9,7 @@ <script lang="ts" setup> import { onMounted } from 'vue'; import * as os from '@/os'; -import XReactionIcon from '@/components/MkReactionIcon.vue'; +import MkReactionIcon from '@/components/MkReactionIcon.vue'; const props = withDefaults(defineProps<{ reaction: string; diff --git a/packages/frontend/src/components/MkReactionTooltip.vue b/packages/frontend/src/components/MkReactionTooltip.vue index 34ebc4da2d..3b3c2c1a1d 100644 --- a/packages/frontend/src/components/MkReactionTooltip.vue +++ b/packages/frontend/src/components/MkReactionTooltip.vue @@ -1,7 +1,7 @@ <template> <MkTooltip ref="tooltip" :showing="showing" :target-element="targetElement" :max-width="340" @closed="emit('closed')"> <div class="beeadbfb"> - <XReactionIcon :reaction="reaction" class="icon" :no-style="true"/> + <MkReactionIcon :reaction="reaction" class="icon" :no-style="true"/> <div class="name">{{ reaction.replace('@.', '') }}</div> </div> </MkTooltip> @@ -10,7 +10,7 @@ <script lang="ts" setup> import { } from 'vue'; import MkTooltip from './MkTooltip.vue'; -import XReactionIcon from '@/components/MkReactionIcon.vue'; +import MkReactionIcon from '@/components/MkReactionIcon.vue'; defineProps<{ showing: boolean; diff --git a/packages/frontend/src/components/MkReactionsViewer.details.vue b/packages/frontend/src/components/MkReactionsViewer.details.vue index aae647b6af..6ec227b0ed 100644 --- a/packages/frontend/src/components/MkReactionsViewer.details.vue +++ b/packages/frontend/src/components/MkReactionsViewer.details.vue @@ -2,7 +2,7 @@ <MkTooltip ref="tooltip" :showing="showing" :target-element="targetElement" :max-width="340" @closed="emit('closed')"> <div class="bqxuuuey"> <div class="reaction"> - <XReactionIcon :reaction="reaction" class="icon" :no-style="true"/> + <MkReactionIcon :reaction="reaction" class="icon" :no-style="true"/> <div class="name">{{ getReactionName(reaction) }}</div> </div> <div class="users"> @@ -19,7 +19,7 @@ <script lang="ts" setup> import { } from 'vue'; import MkTooltip from './MkTooltip.vue'; -import XReactionIcon from '@/components/MkReactionIcon.vue'; +import MkReactionIcon from '@/components/MkReactionIcon.vue'; import { getEmojiName } from '@/scripts/emojilist'; defineProps<{ diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index e63192a629..1d5c402765 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue @@ -6,7 +6,7 @@ :class="{ reacted: note.myReaction == reaction, canToggle }" @click="toggleReaction()" > - <XReactionIcon class="icon" :reaction="reaction"/> + <MkReactionIcon class="icon" :reaction="reaction"/> <span class="count">{{ count }}</span> </button> </template> @@ -15,7 +15,7 @@ import { computed, onMounted, ref, shallowRef, watch } from 'vue'; import * as misskey from 'misskey-js'; import XDetails from '@/components/MkReactionsViewer.details.vue'; -import XReactionIcon from '@/components/MkReactionIcon.vue'; +import MkReactionIcon from '@/components/MkReactionIcon.vue'; import * as os from '@/os'; import { useTooltip } from '@/scripts/use-tooltip'; import { $i } from '@/account';