From abdb3348233764e84f9986e23f8190a95e99344f Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Wed, 4 Oct 2017 11:07:59 -0400
Subject: [PATCH] UX: Allow for customization of the heart icon

---
 .../javascripts/discourse-common/lib/icon-library.js.es6     | 2 ++
 app/assets/javascripts/discourse/widgets/post-menu.js.es6    | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse-common/lib/icon-library.js.es6 b/app/assets/javascripts/discourse-common/lib/icon-library.js.es6
index 4037efeed1a..0dcf4051cd8 100644
--- a/app/assets/javascripts/discourse-common/lib/icon-library.js.es6
+++ b/app/assets/javascripts/discourse-common/lib/icon-library.js.es6
@@ -9,6 +9,8 @@ const REPLACEMENTS = {
   'd-watching-first': 'dot-circle-o',
   'd-drop-expanded': 'caret-down',
   'd-drop-collapsed': 'caret-right',
+  'd-unliked': 'heart',
+  'd-liked': 'heart',
   'notification.mentioned': "at",
   'notification.group_mentioned': "at",
   'notification.quoted': "quote-right",
diff --git a/app/assets/javascripts/discourse/widgets/post-menu.js.es6 b/app/assets/javascripts/discourse/widgets/post-menu.js.es6
index deda3b167ac..b36fdb21bb2 100644
--- a/app/assets/javascripts/discourse/widgets/post-menu.js.es6
+++ b/app/assets/javascripts/discourse/widgets/post-menu.js.es6
@@ -35,10 +35,11 @@ registerButton('like', attrs => {
 
   const button = {
     action: 'like',
-    icon: 'heart',
+    icon: attrs.liked ? 'd-liked' : 'd-unliked',
     className
   };
 
+
   if (attrs.canToggleLike) {
     button.title = attrs.liked ? 'post.controls.undo_like' : 'post.controls.like';
   } else if (attrs.liked) {
@@ -368,7 +369,7 @@ export default createWidget('post-menu', {
       return this.sendWidgetAction('toggleLike');
     }
 
-    const $heart = $(`[data-post-id=${attrs.id}] .d-icon-heart`);
+    const $heart = $(`[data-post-id=${attrs.id}] .toggle-like .d-icon`);
     $heart.closest('button').addClass('has-like');
 
     if (!Ember.testing) {