From dd760ebf8917af196a92682f7ac1a0610c1fe300 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 21:35:47 +0200
Subject: [PATCH] Use env settings for default filters

---
 .env.local               |  2 ++
 src/routes/photos.svelte | 13 ++++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/.env.local b/.env.local
index cb77b78..3261fce 100644
--- a/.env.local
+++ b/.env.local
@@ -5,6 +5,8 @@ VITE_GRID_AMOUNT=22
 VITE_GRID_INCREMENT=22
 VITE_LIST_AMOUNT=10
 VITE_LIST_INCREMENT=10
+VITE_FILTERS_DEFAULT_COUNTRY="all"
+VITE_FILTERS_DEFAULT_SORT="latest"
 
 # API related
 # VITE_API_URL_DEV="http://192.168.1.19:8055"
diff --git a/src/routes/photos.svelte b/src/routes/photos.svelte
index 9557cee..2b8a4ac 100644
--- a/src/routes/photos.svelte
+++ b/src/routes/photos.svelte
@@ -30,8 +30,6 @@
     let buttonShuffle: HTMLElement
 
     // Filters
-    const defaultCountry = 'all'
-    const defaultSort = 'latest'
     const urlFiltersParams = new URLSearchParams()
     let filtered: boolean = false
     let filterCountry: any = $page.query.get('country') || defaultCountry
@@ -287,16 +285,21 @@
 <script context="module" lang="ts">
     import { fetchAPI } from '$utils/api'
 
+    // Default filters values
+    const defaultCountry = String(import.meta.env.VITE_FILTERS_DEFAULT_COUNTRY)
+    const defaultSort = String(import.meta.env.VITE_FILTERS_DEFAULT_SORT)
+
+
     export async function load ({ page, session, fetch, context }) {
         // Query parameters
-        const queryCountry = page.query.get('country')
-        const querySort = page.query.get('sort')
+        const queryCountry = page.query.get('country') || defaultCountry
+        const querySort = page.query.get('sort') || defaultSort
 
         const res = await fetchAPI(`
             query {
                 photos: photo (
                     filter: {
-                        ${queryCountry !== 'all' ? `location: { country: { slug: { _eq: "${queryCountry}" }} },` : ''}
+                        ${queryCountry !== 'all' ? `location: { country: { slug: { _eq: "${queryCountry}" }}},` : ''}
                         status: { _eq: "published" },
                     },
                     sort: "${querySort === 'latest' ? '-' : ''}date_created",