From 9ac9dcfa5bd22b239e59e7798d3788069caac968 Mon Sep 17 00:00:00 2001
From: Wilco van Beijnum <wilcovanbeijnum@gmail.com>
Date: Thu, 10 Oct 2024 21:09:21 +0200
Subject: [PATCH] Fix recent photo comments

---
 app/components/tools/recent-photos.hbs | 8 ++++----
 app/components/tools/recent-photos.js  | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/components/tools/recent-photos.hbs b/app/components/tools/recent-photos.hbs
index d1bc05905..262c1b312 100644
--- a/app/components/tools/recent-photos.hbs
+++ b/app/components/tools/recent-photos.hbs
@@ -7,13 +7,13 @@
   {{#if (can 'show photo-comments')}}
     <div class='card-body'>
       <div class='d-flex'>
-        {{#each photosWithComments as |photo|}}
+        {{#each latestComments as |comment|}}
           <LinkTo
             @route='photo-albums.photo-album.photos.photo'
-            @models={{array photo.photoAlbum.id photo.id}}
+            @models={{array comment.photo.photoAlbum.id comment.photo.id}}
             class='picture-link col-xs'
           >
-            <img class='featured-picture' src={{photo.imageThumbUrl}} />
+            <img class='featured-picture' src={{comment.photo.imageThumbUrl}} />
           </LinkTo>
         {{else}}
           <div class='p-2'>
@@ -21,7 +21,7 @@
           </div>
         {{/each}}
       </div>
-      {{#if photosWithComments}}
+      {{#if latestComments}}
         <LinkTo @route='photo-comments'>
           <button class='btn btn-primary col-12 mt-2 mb-1' type='button'>
             Bekijk alle reacties
diff --git a/app/components/tools/recent-photos.js b/app/components/tools/recent-photos.js
index 689932a98..8ba864826 100644
--- a/app/components/tools/recent-photos.js
+++ b/app/components/tools/recent-photos.js
@@ -4,11 +4,11 @@ import { computed } from '@ember/object';
 
 export default Component.extend({
   store: service(),
-  photosWithComments: computed(function () {
+  latestComments: computed(function () {
     /* eslint-disable camelcase */
-    return this.store.query('photo', {
+    return this.store.query('photo-comment', {
       sort: '-updated_at',
-      filter: { with_comments: true },
+      include: 'photo',
       page: { number: '1', size: 4 },
     });
     /* eslint-enable camelcase */