【Rails / Ruby】お気に入り（いいね）を一覧表示することができない問題を解決したいです

Question

ご覧いただきまして、ありがとうございます。

解決したいこと

現在、Ruby on Railsで画像投稿アプリのお気に入り機能を実装しています。
お気に入りしたものを一覧表示する機能を作っているのですが、
うまく表示されない状況でした。

お力添えいただけますと、幸いです。

現状

こちらの手順でお気に入り機能の実装は問題なく動いている状態です。

・いいねを押すと色が変わる
・いいねされた状態だとデータベースに「user_id」「item_id」が保存される
・いいねを外した状態だと上記のデータが削除される

発生している問題・エラー

NoMethodError in Users#favorites
undefined method `image' for #<Favorite:・・・・（英数字）>

  resources :users, only: :show do
    member do
      get :favorites
    end
  end

モデルの記述

class Item < ApplicationRecord
  belongs_to :user
  has_one_attached :image
  has_many :comments, dependent: :destroy
  has_many :favorites, dependent: :destroy
end

class User < ApplicationRecord
  #省略
  has_many :items, dependent: :destroy
  has_many :comments, dependent: :destroy
  has_many :favorites, dependent: :destroy

  #お気に入り登録されているか確認する
  def favorited?(item)
    favorites.exists?(item_id: item.id)
  end

end

class Favorite < ApplicationRecord
  belongs_to :user
  belongs_to :item
end

コントローラーの記述

  before_action :set_user,   only: [:show, :favorites]
  before_action :authenticate_user!, only: :favorites

  def show
    @search_user = @user.id
    @items = @user.items
  end

  def favorites
    redirect_to root_path unless current_user.id 
    @favorites = Favorite.where(user_id: @user.id).all
  end

  private

  def set_user
    @user = User.find(params[:id])
  end
end

ビューの記述

<% if @favorites.present? %>
  <% @favorites.each do |item| %>

    <div class="item">
      <%= link_to image_tag( item.image , class: :item__img ),  item_path(item.id)%> 
      <div class="item__body">
        <span class="item__favorite">❤️</span>
        <span class="favorite__count"><%= item.favorites.count %></span>
    <%= link_to item.user.name , user_path(item.user_id), class: :item__user %>
      </div>
    </div>  
    <% end %>
   </div>
<% end %>

自分で試したこと

問題点の検証

・ 変数の中身

@favorites = Favorite.where(user_id: @user.id).all
↓

#<ActiveRecord::Relation [#<Favorite id: 19, user_id: 13, item_id: 4, created_at: "2022-05-24 06:58:40", updated_at: "2022-05-24 06:58:40">, 
#<Favorite id: 20, user_id: 13, item_id: 9, created_at: "2022-05-24 08:27:23", updated_at: "2022-05-24 08:27:23">, 
#<Favorite id: 21, user_id: 13, item_id: 10, created_at: "2022-05-24 08:27:25", updated_at: "2022-05-24 08:27:25">, 
#<Favorite id: 22, user_id: 13, item_id: 11, created_at: "2022-05-24 08:27:26", updated_at: "2022-05-24 08:27:26">,
#<Favorite id: 23, user_id: 13, item_id: 5, created_at: "2022-05-24 09:20:39", updated_at: "2022-05-24 09:20:39">]>

→こちらはデータベースのいいねした内容に該当するデータが取得できていました。
(このユーザーは５つの投稿にいいねをしている)

<% if @favorites.present? %>
  <% @favorites.each do |item| %>

  <% end %>
<% end %>

→@favoritesのデータが存在していたら表示という条件式で表示されていました（HTMLのみ）
→いいねした内容に該当する５つが表示されてました（HTMLのみ）

<%= link_to item.user.name , user_path(item.user_id), class: :item__user %>

→表示はされましたが、リンク先・表示するユーザーが全て自分になってしまいました。
（本来は投稿した画像に基づくユーザーを表示させたい）

要因になりそうな記述点

以下を　「get :favorites, on: :collection」　と記載している方もいて、懸念点の１つでした。

  resources :users, only: :show do
    member do
      get :favorites
    end
  end

データは取れているので、アソシエーションが間違っているためitemのデータを呼び出せないか、
呼び出す以下の記述が間違えているのではないかと考えています。

<%= link_to image_tag( item.image , class: :item__img ),  item_path(item.id)%> 

補足

中間テーブルとしてfavoriteモデルを作成しています。
(throughオプションを記述したところ、エラーが出てしまったため、未記述でした)

色々なサイトやご質問も参考にしながら進めたのですが、解決することが難しかったため、ご質問させていただきました。

お力添えいただけますと嬉しいです。

Answer 1

Favorite のインスタンスに対して image メソッドを呼び出しているのが原因です。
Item のインスタンスに対して image を呼ぶようにしてください。

   <% if @favorites.present? %>
-    <% @favorites.each do |item| %>
+    <% @favorites.each do |favorite| %>
+      <% item = favorite.item %>

       <div class="item">
         <%= link_to image_tag( item.image , class: :item__img ),  item_path(item.id)%> 
         <div class="item__body">
           <span class="item__favorite">❤️</span>
           <span class="favorite__count"><%= item.favorites.count %></span>
           <%= link_to item.user.name , user_path(item.user_id), class: :item__user %>
         </div>
       </div>  
     <% end %>
-    </div>    この閉じタグは余分かと思います。
   <% end %>

Comments

[study_matome]

shinoharatさん

丁寧に教えていただきまして、ありがとうございました！
またdivタグの記載も助かりました。

４時間ほどトライアンドエラーで、悩んでいたので本当に助かりました。
感謝申し上げます。

Answer 2

shinoharatさんにいただいたコメントで解決いたしました。
ありがとうございました！