Add flag to published photography credit locations

src/routes/credits.svelte

@@ -65,9 +65,18 @@
                             </dt>
                             <dd>
                                 <ul>
-                                    {#each location as { location_id: { name, slug: slugLocation, country: { slug: slugCountry }}}, index}
+                                    {#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}
                                 </ul>
@@ -95,7 +104,7 @@
                     list
                 }
 
-                credit {
+                credit (filter: { status: { _eq: "published" }}) {
                     name
                     website
                     location {
@@ -104,6 +113,9 @@
                             slug
                             country {
                                 slug
+                                flag {
+                                    id
+                                }
                             }
                         }
                     }