viewのいいねの_を消したい
解決したいこと
オリジナルアプリでいいね機能を実装していると_のような線が入ってしまいます。
これを消し方を知りたいです。
発生している問題
または、問題・エラーが起きている画像をここにドラッグアンドドロップ
該当するソースコード
```rails html css javascript
ソースコードを入力
index.html.erb
div class='content'>投稿一覧</div>
<%= form_with(url: search_ramen_path, local: true, method: :get, class: "search-form") do |form| %>
<%= form.text_field :keyword, placeholder: "投稿を検索する", class: "search-input" %>
<%= form.submit "検索", class: "search-btn" %>
<% end %>
<ul class='ramen-contents'>
<% @ramen.each do |ramen| %>
<li class='list'>
<%= link_to raman_path(ramen.id) do%>
<div class='ramen-img-content'>
<%= image_tag ramen.image, class: 'ramen-image' if ramen.image.attached? %>
</div>
<% end %>
<div class = 'ramen-info'>
<div class = 'store'>
<%= '店名:' + ramen.store_name %>
<div class="name">
<%= '商品名:' + ramen.ramen_name %>
</div>
<div class="star">
<%= 'オススメ度:' + ramen.star.name %>
</div>
<div id="likes_buttons_<%= ramen.id %>">
<%= render partial: 'likes/like', locals: {ramen: ramen} %>
</div>
</div>
</li>
<% end %>
</ul>
</div>
_like.html.erb
<% if user_signed_in? %>
<% if current_user.liked_by?(ramen.id) %>
<td>
<%= link_to destroy_like_path(ramen), method: :DELETE, remote: true do %>
<div class="fa fa-heart unlike-btn"></div>
<% end %>
<%= ramen.likes.count %>
</td>
<% else %>
<td>
<%= link_to create_like_path(ramen), method: :POST, remote: true do %>
<i class="fa fa-heart like-btn"></i>
<% end %>
<%= ramen.likes.count %>
</td>
<% end %>
<% end %>
create.js.erb
$('#likes_buttons_<%= @ramen.id %>').html("<%= j(render partial: 'likes/like', locals: {ramen: @ramen}) %>");
destroy.js.erb
$('#likes_buttons_<%= @ramen.id %>').html("<%= j(render partial: 'likes/like', locals: {ramen: @ramen}) %>");
routes.rb
Rails.application.routes.draw do
devise_for :users
root to: 'ramen#index'
resources :ramen do
resources :comments, only: :create
collection do
get 'search'
end
end
resources :users, only: :show
post 'like/:id' => 'likes#create', as: 'create_like'
delete 'like/:id' => 'likes#destroy', as: 'destroy_like'
end
ramen_controller.rb
def index
@ramen = Ramen.all.order("created_at DESC")
end
likes_controller.rb
class LikesController < ApplicationController
before_action :ramen_params
def create
Like.create(user_id: current_user.id, ramen_id: params[:id])
end
def destroy
Like.find_by(user_id: current_user.id, ramen_id: params[:id]).destroy
end
private
def ramen_params
@ramen = Ramen.find(params[:id])
end
end
like.rb
class Like < ApplicationRecord
belongs_to :user
belongs_to :ramen
end
ramen.rb
class Ramen < ApplicationRecord
belongs_to :user
has_many :likes
has_many :comments, dependent: :destroy
has_one_attached :image
def self.search(search)
if search != ""
Ramen.where('store_name LIKE(?)', "%#{search}%")
Ramen.where('ramen_name LIKE(?)', "%#{search}%")
else
Ramen.all
end
end
extend ActiveHash::Associations::ActiveRecordExtensions
belongs_to :star
validates :ramen_name,:image,:store_name,:star_id, presence: true
validates :star_id, numericality: { other_than: 1 , message: "を入力してください"}
end
likes.scss
.like-btn {
font-size: 20px;
color: #808080;
}
.unlike-btn {
font-size: 20px;
color: #e54747;
}
user.rb
class User < ApplicationRecord
has_many :ramen
has_many :likes
has_many :comments
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :validatable
validates :nickname, presence: true
def liked_by?(ramen_id)
likes.where(ramen_id: ramen_id).exists?
end
end
自分で試したこと
検証ツールで確認したりインターネットで調べましたが原因がわかりませんでした。
0 likes
