Hook up reactions data

web/src/helpers/emote.js

@@ -0,0 +1,10 @@
+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)
+}