From 11c9f153e1e1a96c591addbbd8dfee3234e5020f Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 19 May 2020 23:25:49 -0500
Subject: [PATCH] Display favourite count as likes

---
 .../status/components/status_interaction_bar.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/gabsocial/features/status/components/status_interaction_bar.js b/app/gabsocial/features/status/components/status_interaction_bar.js
index c250f57d1..6859601e4 100644
--- a/app/gabsocial/features/status/components/status_interaction_bar.js
+++ b/app/gabsocial/features/status/components/status_interaction_bar.js
@@ -19,7 +19,7 @@ export class StatusInteractionBar extends React.Component {
   }
 
   sortEmoji = emojiReacts => (
-    emojiReacts // TODO: Sort
+    emojiReacts // TODO: Sort by count
   );
 
   mergeEmoji = emojiReacts => (
@@ -34,13 +34,24 @@ export class StatusInteractionBar extends React.Component {
   render() {
     const { status } = this.props;
     const emojiReacts = status.getIn(['pleroma', 'emoji_reactions']);
+    const likeCount = status.get('favourites_count');
 
     return (
       <>
+        {likeCount > 0 && <span className='emoji-react'>
+          <span
+            className='emoji-react--emoji'
+            dangerouslySetInnerHTML={{ __html: emojify('👍') }}
+          />
+          <span className='emoji-react--count'>{likeCount}</span>
+        </span>}
         {this.filterEmoji(emojiReacts).map(e => (
           <span className='emoji-react'>
-            <span dangerouslySetInnerHTML={{ __html: emojify(e.get('name')) }} />
-            <span>{e.get('count')}</span>
+            <span
+              className='emoji-react--emoji'
+              dangerouslySetInnerHTML={{ __html: emojify(e.get('name')) }}
+            />
+            <span className='emoji-react--count'>{e.get('count')}</span>
           </span>
         ))}
       </>