add ternario para cards sin imagen

Ignaherrero · May 4, 2022 · 689df1a · 689df1a · vercel · May 4, 2022
1 parent f857c3d
commit 689df1a
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/components/card/index.jsx b/components/card/index.jsx
@@ -27,15 +27,21 @@ export default function Card({ articles: { data, found } }) {
                 key={id}
               >
                 <a href="#!">
-                  <Image
-                    className="rounded-t-lg object-cover h-64 w-full"
-                    src={featured_media.medium}	
-                    alt=""
-                    width={384}
-                    height={200}
-                    priority={true}
-                    loading="eager"
-                  />
+                  {featured_media ? (
+                    <Image
+                      className="rounded-t-lg object-cover h-64 w-full"
+                      src={featured_media.medium}
+                      alt=""
+                      width={384}
+                      height={200}
+                      priority={true}
+                      loading="eager"
+                    />
+                  ) : (
+                    <p className="text-center pt-20 pb-20">
+                      Ups! esta publicacion no tiene imagen
+                    </p>
+                  )}
                 </a>
                 <div className="pt-6 pl-6 pr-6 pb-10">
                   <h5 className="text-gray-900 text-xl font-medium mb-2">