From b36e80bbad998cd3b39a83536c2aed220bde4379 Mon Sep 17 00:00:00 2001
From: Brenda Wallace <brenda@wallace.net.nz>
Date: Fri, 12 Jul 2019 09:37:44 +1200
Subject: [PATCH] Use our own class to indicate liked

---
 app/assets/javascripts/likes.js         | 4 ++--
 app/assets/stylesheets/_likes.scss      | 4 ++++
 app/assets/stylesheets/application.scss | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/stylesheets/_likes.scss

diff --git a/app/assets/javascripts/likes.js b/app/assets/javascripts/likes.js
index 9e06d0c4a..bebc02aff 100644
--- a/app/assets/javascripts/likes.js
+++ b/app/assets/javascripts/likes.js
@@ -24,13 +24,13 @@ $(document).ready(function() {
 
     $('#photo-' + data.id + ' .like-count').text(data.like_count);
     if (data.liked_by_member) {
-      like_badge.addClass('text-success');
+      like_badge.addClass('liked');
       // Turn the button into an unlike button
       like_button.data('method', 'delete');
       like_button.attr('href', data.url);
       like_button.text('Unlike');
     } else {
-      like_badge.removeClass('text-success');
+      like_badge.removeClass('liked');
       // Turn the button into an *like* button
       like_button.data('method', 'post');
       like_button.attr('href', '/likes.json?photo_id=' + data.id);
diff --git a/app/assets/stylesheets/_likes.scss b/app/assets/stylesheets/_likes.scss
new file mode 100644
index 000000000..18f256844
--- /dev/null
+++ b/app/assets/stylesheets/_likes.scss
@@ -0,0 +1,4 @@
+.liked {
+  background-color: $white;
+  color: $red;
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 03c66c680..15c7d43c2 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -18,6 +18,7 @@
 @import 'overrides';
 @import 'crops';
 @import 'harvests';
+@import 'likes';
 @import 'members';
 @import 'notifications';
 @import 'plantings';