From 5e790ad68c5ea9c79319746b6b61f98b5d81ce75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 9 Oct 2021 16:49:24 +0200
Subject: [PATCH] Show dynamic locations with a poster on Shop module

---
 src/components/organisms/Shop.svelte | 11 ++++++++++-
 src/routes/__layout.svelte           |  1 +
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/Shop.svelte b/src/components/organisms/Shop.svelte
index d374cf6..d5952e9 100644
--- a/src/components/organisms/Shop.svelte
+++ b/src/components/organisms/Shop.svelte
@@ -1,6 +1,13 @@
 <script lang="ts">
+    import { getContext } from 'svelte'
     // Components
     import Button from '$components/atoms/Button.svelte'
+
+    const { location } = getContext('global')
+
+    const locationsWithPoster = location
+        .filter((loc: any) => loc.has_poster)
+        .map((loc: any) => loc.name)
 </script>
 
 <div class="shop shadow-box-dark">
@@ -16,7 +23,9 @@
                 text="Shop"
                 url="/shop"
             />
-            <p class="detail">Posters available for Melbourne, Brisbane, Montpellier and Bordeaux.</p>
+            <p class="detail">
+                Posters available for {locationsWithPoster.join(', ').replace(/,(?!.*,)/gmi, ' and')}.
+            </p>
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 7eff112..50b4e01 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -46,6 +46,7 @@
                             title
                         }
                     }
+                    has_poster
                 }
 
                 country (filter: { status: { _eq: "published" }}) {