export const countEmotes = (reactions) => {
  // would be good to do this sever side
  // counting unique emojis, and limiting to the 5 largest
  const emoteCounts = {}
  reactions.forEach(({emote}) => {
    emoteCounts[emote] = emoteCounts[emote] ? emoteCounts[emote] + 1 : 1
  })
  // TODO the sort is causing the emotes to jump around after the user clicks one, not ideal
  return Object.entries(emoteCounts).map(([emoji, count]) => ({emoji, count})).sort((a,b) => a.count-b.count).slice(-5)
}