limit number of reactions displayed

Too many reactions on a single post quickly get
spammy, so they are now sorted by count and only
the first MAX_REACTIONS number of different
emojis are actually displayed.
This commit is contained in:
fef 2022-11-30 09:06:14 +00:00 committed by Jeremy Kescher
parent b25d27667c
commit 0bb2d62c96
No known key found for this signature in database
GPG key ID: 80A419A7A613DFA4

View file

@ -1,7 +1,7 @@
import ImmutablePureComponent from 'react-immutable-pure-component';
import PropTypes from 'prop-types';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { reduceMotion } from '../initial_state';
import { maxReactions, reduceMotion } from '../initial_state';
import spring from 'react-motion/lib/spring';
import TransitionMotion from 'react-motion/lib/TransitionMotion';
import classNames from 'classnames';
@ -36,7 +36,10 @@ export default class StatusReactions extends ImmutablePureComponent {
render() {
const { reactions } = this.props;
const visibleReactions = reactions.filter(x => x.get('count') > 0);
const visibleReactions = reactions
.filter(x => x.get('count') > 0)
.sort((a, b) => b.get('count') - a.get('count'))
.filter((_, i) => i < maxReactions);
const styles = visibleReactions.map(reaction => ({
key: reaction.get('name'),