WIP

  - fix: correct cover image retrieval in the  model

Author: andreablass

site/models/article.php

@@ -34,4 +34,14 @@ protected function getAbstract(): null|string
 
         return Str::excerpt($text);
     }
+
+    public function coverImage(): null|string
+    {
+        // Accede al campo 'cover_image' y obtiene el primer archivo
+        $file = $this->cover_image()->toFile();
+
+        // Si existe un archivo y es una imagen, devuelve su URL
+        return $file && $file->isImage() ? $file->url() : null;
+    
+    }
 }

site/models/default.php

@@ -15,7 +15,7 @@
                                     {{ $article->abstract() }}
                                 </div>
                             </div>
-                            <img src="{{ $article->coverImage() }}">
+                            <img src="{{ $article->coverImage() ?? ' ' }}" class="ml-6 h-28 w-32 object-cover shadow-md">
                         </a>
                         <hr class="border-t border-gray-200">
                         @endforeach

site/templates/home.blade.php

@@ -19,17 +19,10 @@
                             {!! $highlightedTitle !!}
                         </div>
                         <div class="font-thin font-inter text-gray-600">
-                            {!! $highlightedSubtitle !!}
-                            {{ $article->greatings() }}
+                            {{ $article->abstract() }}
                         </div>
                     </div>
-                    @empty(!$article->image())
-                    <img src="{{ $article->image()->url() }}" alt="{{ $article->title() }}" class="ml-6 h-28 w-32 object-cover shadow-md">
-                    @else
-                    <span class="ml-6 flex h-28 w-32 items-center justify-center bg-gray-200 text-gray-400 shadow-md" aria-hidden="true">
-                        No image
-                    </span>
-                    @endempty
+                    <img src="{{ $article->coverImage() }}" alt="{{ $article->title() }}" class="ml-6 h-28 w-32 object-cover shadow-md">
                 </a>
                 <hr class="border-t border-gray-200">
                 @endforeach