From 27daa26fd9dde5a9d5af56580bb2ceed29b6c80d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 8 Nov 2021 14:03:21 +0100
Subject: [PATCH] Cleanup Shop layout

---
 src/routes/shop/__layout.svelte | 37 +++++++++++++++++----------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/routes/shop/__layout.svelte b/src/routes/shop/__layout.svelte
index 6185a20..3ccaf2b 100644
--- a/src/routes/shop/__layout.svelte
+++ b/src/routes/shop/__layout.svelte
@@ -59,7 +59,6 @@
     image=""
 />
 
-{#key product}
 <main class="shop-page">
     <Cart />
 
@@ -138,26 +137,28 @@
 
     <PosterLayout
         product={product}
-        productShop={productShop}
+        shopProduct={shopProduct}
     />
 
-    <section class="shop-page__posters grid">
-        <h3>View all of our available posters</h3>
-        <div class="set">
-            {#each posters as { location, photos_product }}
-                <Poster
-                    location={location}
-                    image={photos_product.length && photos_product[1].directus_files_id}
-                />
-            {/each}
-        </div>
-        <div class="subscribe">
-            <p>Subscribe to be notified when new posters become available</p>
-            <EmailForm />
-        </div>
-    </section>
+    {#if posters}
+        <section class="shop-page__posters grid">
+            <h3>View all of our available posters</h3>
+            <div class="set">
+                {#each posters as { location, photos_product }}
+                    <Poster
+                        location={location}
+                        image={photos_product.length && photos_product[1].directus_files_id}
+                        product={shopProducts.find(item => item.slug.includes(location.slug))}
+                    />
+                {/each}
+            </div>
+            <div class="subscribe">
+                <p>Subscribe to be notified when new posters become available</p>
+                <EmailForm />
+            </div>
+        </section>
+    {/if}
 </main>
-{/key}
 
 <slot />