From 3721525f040612be438e40bdec2bcf797cc3dee3 Mon Sep 17 00:00:00 2001
From: Matthew Lipski <matthewlipski@gmail.com>
Date: Thu, 2 Oct 2025 19:20:13 +0200
Subject: [PATCH] Fixed reaction picker being shown in comments for users who
 can't react

---
 .../react/src/components/Comments/Comment.tsx | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/components/Comments/Comment.tsx b/packages/react/src/components/Comments/Comment.tsx
index 0e8feba7ad..0d29e7bc1f 100644
--- a/packages/react/src/components/Comments/Comment.tsx
+++ b/packages/react/src/components/Comments/Comment.tsx
@@ -274,21 +274,23 @@ export const Comment = ({
                           onReactionSelect={onReactionSelect}
                         />
                       ))}
-                      <EmojiPicker
-                        onEmojiSelect={(emoji: { native: string }) =>
-                          onReactionSelect(emoji.native)
-                        }
-                      >
-                        <Components.Generic.Badge.Root
-                          className={mergeCSSClasses(
-                            "bn-badge",
-                            "bn-comment-add-reaction",
-                          )}
-                          text={"+"}
-                          icon={<RiEmotionLine size={16} />}
-                          mainTooltip={dict.comments.actions.add_reaction}
-                        />
-                      </EmojiPicker>
+                      {canAddReaction && (
+                        <EmojiPicker
+                          onEmojiSelect={(emoji: { native: string }) =>
+                            onReactionSelect(emoji.native)
+                          }
+                        >
+                          <Components.Generic.Badge.Root
+                            className={mergeCSSClasses(
+                              "bn-badge",
+                              "bn-comment-add-reaction",
+                            )}
+                            text={"+"}
+                            icon={<RiEmotionLine size={16} />}
+                            mainTooltip={dict.comments.actions.add_reaction}
+                          />
+                        </EmojiPicker>
+                      )}
                     </Components.Generic.Badge.Group>
                   )}
                   {isEditing && (