Working nice, looks like shit

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

@@ -15,10 +15,17 @@
 		console.log('New QR code found:', scanned_id);
 		scan_state = ScanState.scanning;
 
-		data.supabase.from('qrcodes').select().eq('id', scanned_id).then( response => {
+		data.supabase
+			.from('qrcodes')
+			.select(`*, event ( id, name ), scanned_by ( id, display_name )`)
+			.eq('id', scanned_id)
+			.then( response => {
 			if (response.data && response.data.length > 0) {
 				ticket_data = response.data[0];
 				scan_state = ScanState.scan_successful;
+				data.supabase.rpc('scan_ticket', { _ticket_id: scanned_id})
+				console.log(scanned_id)
+				console.log(response.data[0]);
 			} else {
 				ticket_data = defaultTicketData;
 				scan_state = ScanState.scan_failed;
@@ -27,22 +34,6 @@
 	});
 </script>
 
-<style>
-.robo {
-	font-family: "Roboto", sans-serif;
-}
-</style>
-
 <QRScanner bind:message={scanned_id} />
 
-{#if scan_state === ScanState.scan_successful}
-	<TicketDisplay {ticket_data} />
-{/if}
-
-{#if scan_state === ScanState.scan_failed}
-	<p class="robo">Scan failed. Please try again.</p>
-{/if}
-
-{#if scan_state === ScanState.scanning}
-	<p class="robo">Fetching data...</p>
-{/if}
+<TicketDisplay {ticket_data} {scan_state}/>