From f178f504c93acf8d43f18415495bbbfa2d08de8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 21 Mar 2022 18:45:59 +0100
Subject: [PATCH] Show only published linked location on credits

---
 src/routes/credits.svelte | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/routes/credits.svelte b/src/routes/credits.svelte
index e6fb71e..ca2d68b 100644
--- a/src/routes/credits.svelte
+++ b/src/routes/credits.svelte
@@ -121,19 +121,21 @@
                             </dt>
                             <dd>
                                 <ul>
-                                    {#each location as { location_id: { name, slug: slugLocation, country: { slug: slugCountry, flag }}}, index}
-                                        <li>
-                                            <a href="/{slugCountry}/{slugLocation}" sveltekit:noscroll tabindex="0">
-                                                <Image
-                                                    id={flag.id}
-                                                    sizeKey="square-small"
-                                                    width={16}
-                                                    height={16}
-                                                    alt="Flag of {slugCountry}"
-                                                />
-                                                <span>{name}</span>
-                                            </a>
-                                        </li>
+                                    {#each location as loc}
+                                        {#if loc.location_id}
+                                            <li>
+                                                <a href="/{loc.location_id.country.slug}/{loc.location_id.slug}" sveltekit:noscroll tabindex="0">
+                                                    <Image
+                                                        id={loc.location_id.country.flag.id}
+                                                        sizeKey="square-small"
+                                                        width={16}
+                                                        height={16}
+                                                        alt="Flag of {loc.location_id.country.slug}"
+                                                    />
+                                                    <span>{loc.location_id.name}</span>
+                                                </a>
+                                            </li>
+                                        {/if}
                                     {/each}
                                 </ul>
                             </dd>
@@ -165,7 +167,7 @@
                     name
                     website
                     location {
-                        location_id {
+                        location_id (filter: { status: { _eq: "published" }}) {
                             name
                             slug
                             country {
@@ -179,7 +181,6 @@
                 }
             }
         `)
-
         const { data } = res
 
         return {