diff --git a/src/routes/photos.svelte b/src/routes/photos.svelte
index 94107a3..cb4c53c 100644
--- a/src/routes/photos.svelte
+++ b/src/routes/photos.svelte
@@ -24,8 +24,18 @@
const defaultCountry = 'all'
const defaultSort = 'latest'
let filtered: boolean = false
- let filterCountry = defaultCountry
- let filterSort = defaultSort
+ let filterCountry: any = defaultCountry
+ let filterSort: string = defaultSort
+ let countryFlagId: string
+
+ // Define country flag from selection
+ $: {
+ if (filterCountry !== defaultCountry) {
+ countryFlagId = countries.find((country: any) => country.slug === filterCountry).flag.id
+ } else {
+ countryFlagId = undefined
+ }
+ }
/**
@@ -90,7 +100,11 @@
on:change={handleCountryChange}
value={filterCountry}
>
-