misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

use SkTransitionGroup for all dynamic TransitionGroup components

Browse source
This commit is contained in:
Hazelnoot 2025-05-29 12:41:36 -04:00
parent 197d9db8e6
commit 7a003dec73
5 changed files with 15 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/components/MkReactionsViewer.vue
View file

@ -4,8 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<component
:is="prefer.s.animation ? TransitionGroup : 'div'"
<SkTransitionGroup
:enterActiveClass="$style.transition_x_enterActive"
:leaveActiveClass="$style.transition_x_leaveActive"
:enterFromClass="$style.transition_x_enterFrom"
@ -15,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<XReaction v-for="[reaction, count] in reactions" :key="reaction" :reaction="reaction" :count="count" :isInitial="initialReactions.has(reaction)" :note="note" @reactionToggled="onMockToggleReaction"/>
<slot v-if="hasMoreReactions" :key="'$more'" name="more"/>
</component>
</SkTransitionGroup>
</template>
<script lang="ts" setup>
@ -25,6 +24,7 @@ import { TransitionGroup } from 'vue';
import XReaction from '@/components/MkReactionsViewer.reaction.vue';
import { prefer } from '@/preferences.js';
import { DI } from '@/di.js';
import SkTransitionGroup from '@/components/SkTransitionGroup.vue';
const props = withDefaults(defineProps<{
note: Misskey.entities.Note;