Fix city on PhotoCard

src/components/molecules/PhotoCard.svelte

@@ -6,6 +6,8 @@
     export let url: string = undefined
     export let title: string = undefined
     export let location: any = undefined
+    export let city: string = undefined
+
 
     const sizes = {
         small: { width: 224 },
@@ -33,7 +35,7 @@
                         height={24}
                         alt="Flag of {location.country.name}"
                     />
-                    <p>{title} - {location.name}, {location.city ? `, ${location.city}, ` : ''}{location.country.name}</p>
+                    <p>{title} - {city ? `${city}, ` : ''}{location.name}, {location.country.name}</p>
                 </div>
             {/if}
         </a>

src/routes/index.svelte

@@ -94,13 +94,14 @@
 
     <section class="homepage__photos">
         <div class="homepage__collage">
-            {#each photos as { slug, title, image, location }}
+            {#each photos as { slug, title, image, location, city }}
                 <PhotoCard
                     id={image.id}
                     alt={title}
                     url="/{location.country.slug}/{location.slug}/{slug}"
                     title={title}
                     location={location}
+                    city={city}
                 />
             {/each}
         </div>