Slightly working

src/routes/+layout.server.ts

@@ -0,0 +1,10 @@
+// src/routes/+layout.server.ts
+import type { LayoutServerLoad } from './$types'
+export const load: LayoutServerLoad = async ({ locals: { safeGetSession }, cookies }) => {
+  const { session, user } = await safeGetSession()
+  return {
+    session,
+    user,
+    cookies: cookies.getAll(),
+  }
+}

src/routes/+layout.svelte

@@ -2,6 +2,7 @@
 	import '../app.css';
 
 	let { children } = $props();
+
 </script>
 
 {@render children()}

src/routes/+layout.ts

@@ -8,7 +8,7 @@ export const load: LayoutLoad = async ({ fetch, data, depends }) => {
     ? createBrowserClient(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
         global: {
           fetch,
-        },
+        }
       })
     : createServerClient(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {
         global: {
@@ -16,7 +16,7 @@ export const load: LayoutLoad = async ({ fetch, data, depends }) => {
         },
         cookies: {
           getAll() {
-            return data?.cookies ?? []
+            return data.cookies ?? []
           },
         },
       })

src/routes/+page.svelte

@@ -1,15 +1,5 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
 
-  let data = $props();
-
-  onMount( async () => {
-    await handleClick();
-  });
-
-  async function handleClick() {
-    console.log( await data.data.supabase.from('qrcodes').select().eq('id', "4b461fd7-d7db-4739-8ca0-6e78cc299813"));
-  }
 </script>
 
 

src/routes/private/scanner/+page.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+	import QRScanner from './QRScanner.svelte';
+	import TicketDisplay from './TicketDisplay.svelte';
+
+	import type { TicketData } from '$lib/types';
+	import { ScanState, defaultTicketData } from '$lib/types';
+
+	let { data } = $props();
+	let scanned_id = $state<string>("");
+	let ticket_data = $state<TicketData>(defaultTicketData);
+	let scan_state = $state<ScanState>(ScanState.scanning);
+
+	$effect(() => {
+		if (scanned_id === "") return;
+		console.log('New QR code found:', scanned_id);
+		scan_state = ScanState.scanning;
+
+		data.supabase.from('qrcodes').select().eq('id', scanned_id).then( response => {
+			if (response.data && response.data.length > 0) {
+				ticket_data = response.data[0];
+				scan_state = ScanState.scan_successful;
+			} else {
+				ticket_data = defaultTicketData;
+				scan_state = ScanState.scan_failed;
+			}
+		})
+	});
+</script>
+
+<QRScanner bind:message={scanned_id} />
+
+{#if scan_state === ScanState.scan_successful}
+	<TicketDisplay {ticket_data} />
+{/if}
+
+{#if scan_state === ScanState.scan_failed}
+	<p>Scan failed. Please try again.</p>
+{/if}
+
+{#if scan_state === ScanState.scanning}
+	<p>Fetching data...</p>
+{/if}

src/routes/private/scanner/TicketDisplay.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import type { TicketData } from '$lib/types';
+
+	let { ticket_data }: { ticket_data: TicketData } = $props();
+</script>
+
+<p>{ticket_data.name}</p>
+<p>{ticket_data.surname}</p>

src/routes/scanner/+page.svelte

@@ -1,68 +0,0 @@
-<script>
-	import { onMount, tick } from 'svelte';
-	import QRScanner from './QRScanner.svelte';
-
-	let scanned_id = $state('');
-	let scan_user = $state('Roman');
-	let scan_data = $state({});
-	let ticket_state = $state('not_scanned');
-
-    onMount(() => {reset_scan_data()});
-
-	function reset_scan_data() {
-		ticket_state = 'unknown';
-		scan_data = {
-			id: 0,
-			created_at: 'none',
-			name: 'none',
-			surname: 'none',
-			email: 'none@esnvutbrno.cz',
-			uuid: 'none',
-			scanned: 'none',
-			scanned_at: 'none',
-			event_name: 'none',
-			scanned_by: 'none'
-		};
-	}
-
-	$effect(() => {
-		if (scan_data.scanned === true) {
-			ticket_state = 'Already scanned';
-		} else if (scan_data.scanned === false) {
-			ticket_state = 'Good to go in 2';
-            console.log(scan_data.scanned);
-		} else {
-            ticket_state = 'Ticket invalid';
-        }
-	});
-
-	$effect(() => {
-		console.log('Message updated:', scanned_id);
-        
-		reset_scan_data();
-        fetch('https://n8n.orebolt.cz/webhook/9d32752c-47c9-46db-be6d-f473e97a7c25', {
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json'
-			},
-			body: JSON.stringify({ scanned_id, scan_user })
-		})
-			.then((response) => response.json())
-			.then((data) => {
-				scan_data = data;
-				console.log('Success:', data);
-			})
-			.catch((error) => {
-                console.error('Error:', error);
-                ticket_state = "Ticket invalid";
-            });
-	});
-</script>
-
-<QRScanner bind:message={scanned_id} />
-
-<p>CODE: {scanned_id}</p>
-
-<p>Name: {scan_data.name} {scan_data.surname}</p>
-<p>State: {ticket_state}</p>
-<p>Event: {scan_data.event_name}</p>