From 570a951ead1fd84c0a988d3cad1b0e996beab92e Mon Sep 17 00:00:00 2001
From: Zachary <hello@zach.ie>
Date: Mon, 11 Nov 2024 18:56:51 +0100
Subject: [PATCH] Try SSR for sveltekit headers

---
 src/routes/+page.svelte | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 023a474..cb9eadd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,3 +1,15 @@
+<script context="module">
+    export async function load({ request }) {
+        // Access the CF-IPCountry header
+        const countryCode = request.headers.get('cf-ipcountry') || 'IE';
+        return {
+            props: {
+                countryCode
+            }
+        };
+    }
+</script>
+
 <script>
     import { onMount } from 'svelte';
     import countries from 'i18n-iso-countries';
@@ -6,27 +18,21 @@
     import { getHolidaysForYear, optimizeDaysOff, calculateConsecutiveDaysOff } from '../lib/holidayUtils.js';
     import { ptoData } from '../lib/ptoData.js';
 
+    export let countryCode; // Receive the country code as a prop
+
     countries.registerLocale(enLocale);
     let countriesList = countries.getNames('en');
 
     let year = new Date().getFullYear();
     let months = Array.from({ length: 12 }, (_, i) => i);
-    let selectedCountry = 'Belgium';
+    let selectedCountry = countriesList[countryCode] || 'Belgium';
     let holidays = [];
-    let daysOff = ptoData['BE'];
+    let daysOff = ptoData[countryCode] || ptoData['BE'];
     let optimizedDaysOff = [];
     let consecutiveDaysOff = [];
     let placeholder = "Country";
     let inputElement;
 
-    // Function to set the default country based on Cloudflare IP
-    function setDefaultCountry() {
-        const countryCode = window?.CF_IPCountry || 'BE'; // Use Cloudflare's IP country or default to 'BE'
-        selectedCountry = countriesList[countryCode] || 'Belgium';
-        daysOff = ptoData[countryCode] || ptoData['BE'];
-        updateHolidays();
-    }
-
     function handleCountryChange(event) {
         const fullValue = event.target.value;
         const countryCode = Object.keys(countriesList).find(code => countriesList[code] === fullValue);
@@ -96,7 +102,6 @@
     }
 
     onMount(() => {
-        setDefaultCountry(); // Set the default country on mount
         adjustInputWidth(inputElement);
         inputElement.addEventListener('input', () => {
             adjustInputWidth(inputElement);