Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(badges): reports page fetches all badges on load instead of IDB-only

Browse Source 
Reports were IDB-read-only — no data appeared until the badge search page
had already populated the cache. Added a background search__event_badge
call (limit 5000, try_cache=false) so navigating directly to /reports
always gets a fresh full dataset; liveQuery updates reactively.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-06-09 12:06:13 -04:00
parent a1057fd776
commit 7b45b548e4
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/routes/events/[event_id]/(badges)/badges/reports/+page.svelte
View File

@@ -9,9 +9,10 @@ let { data, log_lvl = 0 }: Props = $props();
import { liveQuery } from 'dexie'; import { liveQuery } from 'dexie';
import { page } from '$app/state'; import { page } from '$app/state';
import { ae_loc } from '$lib/stores/ae_stores'; import { ae_loc, ae_api } from '$lib/stores/ae_stores';
import { db_events } from '$lib/ae_events/db_events'; import { db_events } from '$lib/ae_events/db_events';
import { events_loc } from '$lib/stores/ae_events_stores'; import { events_loc } from '$lib/stores/ae_events_stores';
import { events_func } from '$lib/ae_events/ae_events_functions';
import { ArrowLeft, TrendingUp, Type, Gauge, LoaderCircle } from '@lucide/svelte'; import { ArrowLeft, TrendingUp, Type, Gauge, LoaderCircle } from '@lucide/svelte';
import Reports_badge_long_names from './reports_badge_long_names.svelte'; import Reports_badge_long_names from './reports_badge_long_names.svelte';
@@ -19,6 +20,20 @@ import Reports_badge_print_throughput from './reports_badge_print_throughput.sve
let event_id = $derived(page.params.event_id); let event_id = $derived(page.params.event_id);
// Reports read from IDB, so we need to ensure IDB is populated even when
// arriving directly (without having visited the badge search page first).
// Fire a background refresh — liveQuery below will reactively pick up new data.
$effect(() => {
const eid = event_id;
if (!eid || !$ae_api?.api_key) return;
events_func.search__event_badge({
api_cfg: $ae_api,
event_id: eid,
limit: 5000,
try_cache: false
});
});
type ReportKey = 'long_names' | 'print_throughput'; type ReportKey = 'long_names' | 'print_throughput';
let active_report: ReportKey | null = $state(null); let active_report: ReportKey | null = $state(null);