From c3eb690ef38941cfc40cf0a398acfdda2dd1e8f9 Mon Sep 17 00:00:00 2001
From: Bob <dv4xd@proton.me>
Date: Fri, 26 Jul 2024 15:12:46 +0800
Subject: [PATCH] problem: sometimes the content of the card does not match the
 title

solution: keyed each block
---
 src/components/ProductFomo.svelte       | 2 +-
 src/components/ProductsForRocket.svelte | 2 +-
 src/components/ProposedProducts.svelte  | 2 +-
 src/routes/products/+page.svelte        | 4 ++--
 src/views/rockets/Rockets.svelte        | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ProductFomo.svelte b/src/components/ProductFomo.svelte
index ae432a9..6c3c4f2 100644
--- a/src/components/ProductFomo.svelte
+++ b/src/components/ProductFomo.svelte
@@ -27,7 +27,7 @@
 		<Card.Description></Card.Description>
 	</Card.Header>
 	<Card.Content class="grid grid-cols-1 gap-2">
-		{#each $products as product}
+		{#each $products as product (product.ID)}
 			<div>
 				<ProductCardFromId {rocket} productID={product.ID}>
 					<ProductPurchases {rocket} {product} />
diff --git a/src/components/ProductsForRocket.svelte b/src/components/ProductsForRocket.svelte
index addd500..3c70b45 100644
--- a/src/components/ProductsForRocket.svelte
+++ b/src/components/ProductsForRocket.svelte
@@ -11,7 +11,7 @@
 </script>
 
 {#if rocketEvent && rocketProducts.size > 0}
-	{#each rocketProducts as [id, product]}
+	{#each rocketProducts as [id, product] (id)}
 		<ProductCardFromID rocket={rocketEvent} productID={product.ID} />
 		<ProductPurchases rocket={rocketEvent} {product} />{/each}
 {/if}
diff --git a/src/components/ProposedProducts.svelte b/src/components/ProposedProducts.svelte
index 207993f..839dc24 100644
--- a/src/components/ProposedProducts.svelte
+++ b/src/components/ProposedProducts.svelte
@@ -29,4 +29,4 @@
 	});
 </script>
 
-{#each $unratified as r}<ProductCard {rocket} product={r} />{/each}
+{#each $unratified as r (r.id)}<ProductCard {rocket} product={r} />{/each}
diff --git a/src/routes/products/+page.svelte b/src/routes/products/+page.svelte
index 55f0035..ec44f8b 100644
--- a/src/routes/products/+page.svelte
+++ b/src/routes/products/+page.svelte
@@ -44,10 +44,10 @@
 </script>
 
 {#if productsToRender && $productsToRender}
-	{#each $productsToRender as [r, p]}
+	{#each $productsToRender as [r, p] (r.id)}
 		<Heading title={r.dTag} />
 		<div class="grid gap-2" style="grid-template-columns: repeat(auto-fit, 350px);">
-			{#each p as product}
+			{#each p as product (product.id)}
 				<ProductCard {product} rocket={r} />
 			{/each}
 		</div>
diff --git a/src/views/rockets/Rockets.svelte b/src/views/rockets/Rockets.svelte
index 0539982..57ff955 100644
--- a/src/views/rockets/Rockets.svelte
+++ b/src/views/rockets/Rockets.svelte
@@ -21,7 +21,7 @@
 {#if entries && $entries}
 	<Todo text={['render these in a nicer way, maybe a grid or something']} />
 
-	{#each $entries as rocketEvent}
+	{#each $entries as rocketEvent (rocketEvent.id)}
 		<RocketCard {rocketEvent} />
 	{/each}
 {/if}