fix: add item form now syncs with its correstonding toggle button correctly
This commit is contained in:
@@ -5,19 +5,14 @@
|
||||
|
||||
let {
|
||||
rearranging = $bindable(false),
|
||||
showAddForm = false,
|
||||
onToggleAddForm
|
||||
}: {
|
||||
rearranging: boolean;
|
||||
showAddForm?: boolean;
|
||||
onToggleAddForm: () => void;
|
||||
} = $props();
|
||||
|
||||
let showAddForm = $state(false);
|
||||
|
||||
function toggleAddForm() {
|
||||
showAddForm = !showAddForm;
|
||||
onToggleAddForm();
|
||||
}
|
||||
|
||||
function toggleRearranging() {
|
||||
rearranging = !rearranging;
|
||||
}
|
||||
@@ -25,7 +20,7 @@
|
||||
|
||||
<div class="flex flex-col md:flex-row gap-4">
|
||||
<Button
|
||||
onclick={toggleAddForm}
|
||||
onclick={onToggleAddForm}
|
||||
class="w-full md:w-auto"
|
||||
>
|
||||
{showAddForm ? "Cancel" : "+ Add Item"}
|
||||
|
||||
Reference in New Issue
Block a user