From 1b975bec65c19cd9a0ad456131f044ee121d28b0 Mon Sep 17 00:00:00 2001
From: Ken Powers <ken@signal.org>
Date: Thu, 23 Jan 2020 14:59:29 -0500
Subject: [PATCH] Stop propagation in ReactionViewer

---
 ts/components/conversation/ReactionViewer.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/ts/components/conversation/ReactionViewer.tsx b/ts/components/conversation/ReactionViewer.tsx
index 5bdd41a3c..d288656cc 100644
--- a/ts/components/conversation/ReactionViewer.tsx
+++ b/ts/components/conversation/ReactionViewer.tsx
@@ -61,25 +61,26 @@ export const ReactionViewer = React.forwardRef<HTMLDivElement, Props>(
         <header className="module-reaction-viewer__header">
           {emojis
             .filter(e => Boolean(grouped[e]))
-            .map((e, index) => {
-              const re = grouped[e];
+            .map((emoji, index) => {
+              const re = grouped[emoji];
               const maybeFocusRef = index === 0 ? focusRef : undefined;
 
               return (
                 <button
-                  key={e}
+                  key={emoji}
                   ref={maybeFocusRef}
                   className={classNames(
                     'module-reaction-viewer__header__button',
-                    selected === e
+                    selected === emoji
                       ? 'module-reaction-viewer__header__button--selected'
                       : null
                   )}
-                  onClick={() => {
-                    setSelected(e);
+                  onClick={event => {
+                    event.stopPropagation();
+                    setSelected(emoji);
                   }}
                 >
-                  <Emoji size={18} emoji={e} />
+                  <Emoji size={18} emoji={emoji} />
                   <span className="module-reaction-viewer__header__button__count">
                     {re.length}
                   </span>