From f5c8b455f166a3d9c53ce0b89fa0220cd646e019 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Wed, 26 Sep 2018 15:18:12 -0300
Subject: [PATCH] Adding respect count

---
 .../stream/tabs/comments/components/RespectButton.tsx      | 7 +++++--
 .../tabs/comments/containers/RespectButtonContainer.tsx    | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/core/client/stream/tabs/comments/components/RespectButton.tsx b/src/core/client/stream/tabs/comments/components/RespectButton.tsx
index 27d5c4a2d..4102359c2 100644
--- a/src/core/client/stream/tabs/comments/components/RespectButton.tsx
+++ b/src/core/client/stream/tabs/comments/components/RespectButton.tsx
@@ -11,18 +11,21 @@ interface RespectButtonProps {
 
 class RespectButton extends React.Component<RespectButtonProps> {
   public render() {
-    return this.props.reacted ? (
+    const { totalReactions, reacted } = this.props;
+    return reacted ? (
       <Button variant="ghost" size="small" onClick={this.props.onButtonClick}>
         <MatchMedia gtWidth="xs">
+          {!!totalReactions && <span>{totalReactions}</span>}
           <ButtonIcon>thumb_up_alt</ButtonIcon>
         </MatchMedia>
         <Localized id="comments-respectButton-respected">
-          <span>{this.props.totalReactions} Respected</span>
+          <span>Respected</span>
         </Localized>
       </Button>
     ) : (
       <Button variant="ghost" size="small" onClick={this.props.onButtonClick}>
         <MatchMedia gtWidth="xs">
+          {!!totalReactions && <span>{totalReactions}</span>}
           <ButtonIcon>thumb_up_alt</ButtonIcon>
         </MatchMedia>
         <Localized id="comments-respectButton-respect">
diff --git a/src/core/client/stream/tabs/comments/containers/RespectButtonContainer.tsx b/src/core/client/stream/tabs/comments/containers/RespectButtonContainer.tsx
index bbccf22d4..e247fb8ac 100644
--- a/src/core/client/stream/tabs/comments/containers/RespectButtonContainer.tsx
+++ b/src/core/client/stream/tabs/comments/containers/RespectButtonContainer.tsx
@@ -45,7 +45,7 @@ class RespectButtonContainer extends React.Component<
       this.props.comment.myActionPresence &&
       this.props.comment.myActionPresence.reaction;
 
-    console.log(this.props.comment);
+    console.log(totalReactions);
     return (
       <RespectButton
         onButtonClick={this.onButtonClick}