From 5be86f9bd160edea9a525e5a3b249ba573284d33 Mon Sep 17 00:00:00 2001
From: Hazel Summer <mail@kannadev.com>
Date: Mon, 24 Apr 2023 00:42:38 +0100
Subject: [PATCH] WhoReacted: Fix clicking user pfps also adding reaction
 (#977)

---
 src/plugins/whoReacted.tsx | 26 ++++++++++++++++----------
 src/utils/constants.ts     |  4 ++++
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/plugins/whoReacted.tsx b/src/plugins/whoReacted.tsx
index 4b1c828f..6ceb301c 100644
--- a/src/plugins/whoReacted.tsx
+++ b/src/plugins/whoReacted.tsx
@@ -85,10 +85,14 @@ function makeRenderMoreUsers(users: User[]) {
     };
 }
 
+function handleClickAvatar(event: React.MouseEvent<HTMLElement, MouseEvent>) {
+    event.stopPropagation();
+}
+
 export default definePlugin({
     name: "WhoReacted",
     description: "Renders the Avatars of reactors",
-    authors: [Devs.Ven],
+    authors: [Devs.Ven, Devs.KannaDev],
 
     patches: [{
         find: ",reactionRef:",
@@ -132,15 +136,17 @@ export default definePlugin({
             <div
                 style={{ marginLeft: "0.5em", transform: "scale(0.9)" }}
             >
-                <UserSummaryItem
-                    users={users}
-                    guildId={ChannelStore.getChannel(message.channel_id)?.guild_id}
-                    renderIcon={false}
-                    max={5}
-                    showDefaultAvatarsForNullUsers
-                    showUserPopout
-                    renderMoreUsers={makeRenderMoreUsers(users)}
-                />
+                <div onClick={handleClickAvatar}>
+                    <UserSummaryItem
+                        users={users}
+                        guildId={ChannelStore.getChannel(message.channel_id)?.guild_id}
+                        renderIcon={false}
+                        max={5}
+                        showDefaultAvatarsForNullUsers
+                        showUserPopout
+                        renderMoreUsers={makeRenderMoreUsers(users)}
+                    />
+                </div>
             </div>
         );
     }
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 26430ff0..d9d10675 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -273,5 +273,9 @@ export const Devs = /* #__PURE__*/ Object.freeze({
     FieryFlames: {
         name: "Fiery",
         id: 890228870559698955n
+    },
+    KannaDev: {
+        name: "Kanna",
+        id: 317728561106518019n
     }
 });