refactor: simplify steps initialization by using derived state
All checks were successful
Migrate supabase / migrate (push) Successful in 15s
All checks were successful
Migrate supabase / migrate (push) Successful in 15s
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user