Railsでいいね機能のハートの色を変えたい。

Question

前提・実現したいこと

Railsでいいね機能を実装したのですが、いいねが押されている状態ではハートの色を赤色に
したいのですがうまくいきません。

該当のソースコード

class FavoritesController < ApplicationController
 before_action :authenticate_user!

  def create
    @book = Book.find(params[:book_id])
    favorite = @book.favorites.new(user_id: current_user.id)
    favorite.save
    redirect_to request.referer
  end

  def destroy
    @book = Book.find(params[:book_id])
    favorite = @book.favorites.find_by(user_id: current_user.id)
    favorite.destroy
    redirect_to request.referer
  end
end

<% if book.favorited_by?(current_user) %>
  <%= link_to book.favorites.count, book_favorites_path(book), method: :delete, class: "fas fa-heart heart_red" %>
<% else %>
  <%= link_to book.favorites.count, book_favorites_path(book), method: :post, class: "fas fa-heart heart_blue" %>
<% end %>

試したこと

色々考えたのですが、自分の勉強不足で、分かりませんでした。
お力を貸していただけると幸いです。

補足情報（FW/ツールのバージョンなど）

Rails5.2.6

Comments

[ertya]

まーた馬鹿の一つ覚えのようにいいね機能つけようとしてる二番煎じ君が沸いたか

[uruman]

めっちゃ早口で言ってそう

Answer 1

cssファイルで、.heart_redや.heart_blueを設定している想定でした。

現在CSSファイルで次のような設定をしている場合、

.heart_red{color:#e54747;}
.heart_blue{color:#528fff;}

次のように!importantをつけると良いと思います。

.heart_red{color:#e54747 !important;}
.heart_blue{color:#528fff !important;}

Comments

[uruman]

回答有難うございます。解決することができました。

Answer 2

リンクのスタイルが優先されているのではと思いますので、
cssで、.heart_redや.heart_blueのcolorを設定している箇所に!importantをつけると良いと思います。

Comments

[uruman]

回答有難うございます。 <%= link_to book.favorites.count, book_favorites_path(book), method: :delete, class: "fas fa-heart heart_red" %>に!importantをつければよろしのでしょうか？