File tree Expand file tree Collapse file tree 1 file changed +18
-15
lines changed Expand file tree Collapse file tree 1 file changed +18
-15
lines changed Original file line number Diff line number Diff line change 162
162
</div >
163
163
</transition >
164
164
</div >
165
- <button
166
- v-for =" (reaction, key) in message.reactions"
167
- v-show =" reaction.length"
168
- :key =" key"
169
- class =" button-reaction"
170
- :class =" {
171
- 'reaction-me': reaction.indexOf(currentUserId) !== -1
172
- }"
173
- :style =" {
174
- float: message.sender_id === currentUserId ? 'right' : 'left'
175
- }"
176
- @click =" sendMessageReaction({ name: key }, reaction)"
177
- >
178
- {{ getEmojiByName(key) }}<span >{{ reaction.length }}</span >
179
- </button >
165
+
166
+ <transition-group name =" slide-left" >
167
+ <button
168
+ v-for =" (reaction, key) in message.reactions"
169
+ v-show =" reaction.length"
170
+ :key =" key"
171
+ class =" button-reaction"
172
+ :class =" {
173
+ 'reaction-me': reaction.indexOf(currentUserId) !== -1
174
+ }"
175
+ :style =" {
176
+ float: message.sender_id === currentUserId ? 'right' : 'left'
177
+ }"
178
+ @click =" sendMessageReaction({ name: key }, reaction)"
179
+ >
180
+ {{ getEmojiByName(key) }}<span >{{ reaction.length }}</span >
181
+ </button >
182
+ </transition-group >
180
183
</div >
181
184
</div >
182
185
</div >
You can’t perform that action at this time.
0 commit comments