CRS-320 Add own reactions (#604)

* pass message.own_reactions into reactions related components so they can be used in custom implementations * fix prop types
GetStream · Nov 10, 2020 · da2014a · da2014a
1 parent 8c08116
commit da2014a
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 0 deletions.
diff --git a/src/components/Message/MessageCommerce.js b/src/components/Message/MessageCommerce.js
@@ -135,6 +135,7 @@ const MessageCommerce = (props) => {
                 <ReactionsList
                   reactions={message.latest_reactions}
                   reaction_counts={message.reaction_counts || undefined}
+                  own_reactions={message.own_reactions}
                   onClick={onReactionListClick}
                 />
               )}
@@ -145,6 +146,7 @@ const MessageCommerce = (props) => {
                   detailedView
                   reaction_counts={message.reaction_counts || undefined}
                   latest_reactions={message.latest_reactions}
+                  own_reactions={message.own_reactions}
                   ref={reactionSelectorRef}
                 />
               )}

diff --git a/src/components/Message/MessageLivestream.js b/src/components/Message/MessageLivestream.js
@@ -174,6 +174,7 @@ const MessageLivestreamComponent = (props) => {
             detailedView
             latest_reactions={message?.latest_reactions}
             reaction_counts={message?.reaction_counts || undefined}
+            own_reactions={message.own_reactions}
             ref={reactionSelectorRef}
           />
         )}
@@ -276,6 +277,7 @@ const MessageLivestreamComponent = (props) => {
               <ReactionsList
                 reaction_counts={message.reaction_counts || undefined}
                 reactions={message.latest_reactions}
+                own_reactions={message.own_reactions}
                 handleReaction={propHandleReaction || handleReaction}
               />
             )}

diff --git a/src/components/Message/MessageSimple.js b/src/components/Message/MessageSimple.js
@@ -167,6 +167,7 @@ const MessageSimple = (props) => {
                     <ReactionsList
                       reactions={message.latest_reactions}
                       reaction_counts={message.reaction_counts || undefined}
+                      own_reactions={message.own_reactions}
                       onClick={onReactionListClick}
                       reverse={true}
                     />
@@ -177,6 +178,7 @@ const MessageSimple = (props) => {
                     detailedView
                     reaction_counts={message.reaction_counts || undefined}
                     latest_reactions={message.latest_reactions}
+                    own_reactions={message.own_reactions}
                     ref={reactionSelectorRef}
                   />
                 )}

diff --git a/src/components/Message/MessageTeam.js b/src/components/Message/MessageTeam.js
@@ -225,6 +225,7 @@ const MessageTeam = (props) => {
                       handleReaction={propHandleReaction || handleReaction}
                       latest_reactions={message.latest_reactions}
                       reaction_counts={message.reaction_counts || undefined}
+                      own_reactions={message.own_reactions}
                       detailedView={true}
                       ref={reactionSelectorRef}
                     />
@@ -315,6 +316,7 @@ const MessageTeam = (props) => {
                   reaction_counts={message.reaction_counts || undefined}
                   handleReaction={propHandleReaction || handleReaction}
                   reactions={message.latest_reactions}
+                  own_reactions={message.own_reactions}
                 />
               )}
             {message?.status === 'failed' && (
@@ -358,6 +360,7 @@ const MessageTeam = (props) => {
                 reaction_counts={message.reaction_counts || undefined}
                 handleReaction={propHandleReaction || handleReaction}
                 reactions={message.latest_reactions}
+                own_reactions={message.own_reactions}
               />
             )}
           {!threadList && message && (

diff --git a/src/components/Message/MessageText.js b/src/components/Message/MessageText.js
@@ -104,6 +104,7 @@ const MessageTextComponent = (props) => {
           <ReactionsList
             reactions={message.latest_reactions}
             reaction_counts={message.reaction_counts || undefined}
+            own_reactions={message.own_reactions}
             onClick={onReactionListClick}
             reverse={true}
           />
@@ -114,6 +115,7 @@ const MessageTextComponent = (props) => {
             detailedView
             reaction_counts={message.reaction_counts || undefined}
             latest_reactions={message.latest_reactions}
+            own_reactions={message.own_reactions}
             ref={reactionSelectorRef}
           />
         )}

diff --git a/types/index.d.ts b/types/index.d.ts
@@ -949,6 +949,7 @@ export interface ReactionSelectorProps {
   reaction_counts?: {
     [reaction_type: string]: number;
   };
+  own_reactions?: StreamChatReactMessageResponse['own_reactions'];
   /** Enable the avatar display */
   detailedView?: boolean;
   /** Provide a list of reaction options [{name: 'angry', emoji: 'angry'}] */
@@ -992,6 +993,7 @@ export interface ReactionsListProps {
   reaction_counts?: {
     [reaction_type: string]: number;
   };
+  own_reactions?: StreamChatReactMessageResponse['own_reactions'];
   /** Provide a list of reaction options [{name: 'angry', emoji: 'angry'}] */
   reactionOptions?: MinimalEmojiInterface[];
   onClick?(): void;