From 83012445071968e113bf93c0db8a1a4ac5f45a19 Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Tue, 20 Jul 2021 11:08:08 -0400
Subject: [PATCH] commentReactions recon ma

---
 ui/component/commentReactions/view.jsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/ui/component/commentReactions/view.jsx b/ui/component/commentReactions/view.jsx
index ba38f9d7d..2c13fbb59 100644
--- a/ui/component/commentReactions/view.jsx
+++ b/ui/component/commentReactions/view.jsx
@@ -1,5 +1,5 @@
 // @flow
-import { ENABLE_CREATOR_REACTIONS } from 'config';
+import { ENABLE_CREATOR_REACTIONS, SIMPLE_SITE } from 'config';
 import * as ICONS from 'constants/icons';
 import * as PAGES from 'constants/pages';
 import * as REACTION_TYPES from 'constants/reactions';
@@ -50,6 +50,16 @@ export default function CommentReactions(props: Props) {
   };
 
   const creatorLiked = getCountForReact(REACTION_TYPES.CREATOR_LIKE) > 0;
+  const likeIcon = SIMPLE_SITE
+    ? myReacts.includes(REACTION_TYPES.LIKE)
+      ? ICONS.FIRE_ACTIVE
+      : ICONS.FIRE
+    : ICONS.UPVOTE;
+  const dislikeIcon = SIMPLE_SITE
+    ? myReacts.includes(REACTION_TYPES.DISLIKE)
+      ? ICONS.SLIME_ACTIVE
+      : ICONS.SLIME
+    : ICONS.DOWNVOTE;
 
   function handleCommentLike() {
     if (activeChannelId) {
@@ -77,7 +87,7 @@ export default function CommentReactions(props: Props) {
       <Button
         requiresAuth={IS_WEB}
         title={__('Upvote')}
-        icon={ICONS.UPVOTE}
+        icon={likeIcon}
         className={classnames('comment__action', {
           'comment__action--active': myReacts && myReacts.includes(REACTION_TYPES.LIKE),
         })}
@@ -87,7 +97,7 @@ export default function CommentReactions(props: Props) {
       <Button
         requiresAuth={IS_WEB}
         title={__('Downvote')}
-        icon={ICONS.DOWNVOTE}
+        icon={dislikeIcon}
         className={classnames('comment__action', {
           'comment__action--active': myReacts && myReacts.includes(REACTION_TYPES.DISLIKE),
         })}