jonny
/
Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Stop propagation in ReactionViewer

This commit is contained in:
Ken Powers 2020-01-23 14:59:29 -05:00 committed by Scott Nonnenberg
parent 109c40e055
commit 1b975bec65
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ts/components/conversation/ReactionViewer.tsx
View File

@ -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>