refactor: simplify steps initialization by using derived state
All checks were successful
Migrate supabase / migrate (push) Successful in 15s

This commit is contained in:
2026-03-08 22:18:36 +01:00
parent 477ee716fa
commit 9457737082

View File

@@ -6,17 +6,12 @@
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
let game = $derived.by(() => data.game); let game = $derived.by(() => data.game);
let steps = $state<typeof data.game.steps>([]); let steps = $derived([...(game.steps ?? [])]);
let draggedStepId = $state<number | null>(null); let draggedStepId = $state<number | null>(null);
let reorderPayload = $state(''); let reorderPayload = $state('');
let reorderForm = $state<HTMLFormElement | undefined>(undefined); let reorderForm = $state<HTMLFormElement | undefined>(undefined);
let stepToDelete = $state<{ id: number; title: string; order: number } | null>(null); let stepToDelete = $state<{ id: number; title: string; order: number } | null>(null);
// Update steps when game data changes
$effect(() => {
steps = [...(game.steps ?? [])];
});
function openDeleteModal(step: { id: number; title: string; order: number }) { function openDeleteModal(step: { id: number; title: string; order: number }) {
stepToDelete = step; stepToDelete = step;
} }