Merge pull request #826 from GetStream/emoji-reaction-button

Emoji reaction button

Author: DanC5

src/components/Message/MessageCommerce.tsx

@@ -117,11 +117,6 @@ const MessageCommerceWithContext = <
                 : 'str-chat__message-commerce--has-no-text'
             }
 						${hasAttachment ? 'str-chat__message-commerce--has-attachment' : ''}
-						${
-              hasReactions && isReactionEnabled
-                ? 'str-chat__message-commerce--with-reactions'
-                : ''
-            }
             ${`str-chat__message-commerce--${firstGroupStyle}`}
             ${message.pinned ? 'pinned-message' : ''}
 					`.trim()}

src/components/Message/MessageSimple.tsx

@@ -141,11 +141,6 @@ const MessageSimpleWithContext = <
 						str-chat__message--${message.status}
 						${message.text ? 'str-chat__message--has-text' : 'has-no-text'}
 						${hasAttachment ? 'str-chat__message--has-attachment' : ''}
-            ${
-              hasReactions && isReactionEnabled
-                ? 'str-chat__message--with-reactions'
-                : ''
-            }
             ${message.pinned ? 'pinned-message' : ''}
 					`.trim()}
           key={message.id || ''}

src/components/Message/__tests__/MessageCommerce.test.js

@@ -188,17 +188,6 @@ describe('<MessageCommerce />', () => {
     );
   });
 
-  it('should set correct css class modifier if message has reactions', async () => {
-    const bobReaction = generateReaction({ user: bob });
-    const message = generateAliceMessage({
-      latest_reactions: [bobReaction],
-    });
-    const { getByTestId } = await renderMessageCommerce(message);
-    expect(getByTestId(messageCommerceWrapperTestId).className).toContain(
-      '--with-reactions',
-    );
-  });
-
   it('should not set css class modifier if reactions is disabled in channel config', async () => {
     const bobReaction = generateReaction({ user: bob });
     const message = generateAliceMessage({