From f089ff5047953405df6658881bf46b0e2c8e5b54 Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Thu, 4 Jan 2024 19:45:56 -0300
Subject: [PATCH] arreglar types productpreview

---
 sitio/src/lib/ProductPreview.svelte | 6 ++++--
 sitio/src/routes/+page.svelte       | 6 +++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/sitio/src/lib/ProductPreview.svelte b/sitio/src/lib/ProductPreview.svelte
index cf377b9..17fa6cc 100644
--- a/sitio/src/lib/ProductPreview.svelte
+++ b/sitio/src/lib/ProductPreview.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
-  export let product: { ean: string; name: string; imageUrl: string };
+  export let product: { ean: string; name: string; imageUrl?: string | null };
 </script>
 
 <a href={`/ean/${product.ean}`} class="flex">
-  <img src={product.imageUrl} alt={product.name} class="max-h-48" />
+  {#if product.imageUrl}
+    <img src={product.imageUrl} alt={product.name} class="max-h-48" />
+  {/if}
   <p class="text-xl">{product.name}</p>
 </a>
diff --git a/sitio/src/routes/+page.svelte b/sitio/src/routes/+page.svelte
index 349bd3b..e16cb94 100644
--- a/sitio/src/routes/+page.svelte
+++ b/sitio/src/routes/+page.svelte
@@ -3,6 +3,10 @@
   import type { PageData } from "./$types";
 
   export let data: PageData;
+  $: precios = data.precios.filter(
+    (d): d is { ean: string; name: string; imageUrl: string | null } =>
+      !!d.name,
+  );
 </script>
 
 <h1 class="text-xl">WIP</h1>
@@ -32,7 +36,7 @@
 <section>
   <h2 class="text-lg font-bold">Random</h2>
   <ul class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-    {#each data.precios as product}
+    {#each precios as product}
       <li>
         <ProductPreview {product} />
       </li>