Refactor delete confirmation logic; replace state variable for delete…

… checkbox and update related functions
haukened · Nov 7, 2024 · 72e4dd3 · 72e4dd3
1 parent dd91343
commit 72e4dd3
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
@@ -31,8 +31,8 @@
     let dialogOpen = $state(false);
     let dialogAction = $state("create" as "create" | "update" | "delete" | "reg");
     let disableRegCloseButton = $state(true);
-    let actuallyDelete = $state(false);
-    let disableDeleteButton = $derived(!actuallyDelete);
+    let actuallyDeleteCheckBox = $state(false);
+    let disableDeleteButton = $derived(!actuallyDeleteCheckBox);
 
     let regToken = $state({
         value: "",
@@ -88,6 +88,10 @@
     const clearRegToken = () => {
         regToken = undefined;
     }
+
+    const clearCheckbox = () => {
+        actuallyDeleteCheckBox = false;
+    }
    
     const dateFormatter = new Intl.DateTimeFormat("en-US", {
         year: "numeric",
@@ -104,20 +108,23 @@
             closeDialog();
             clearFormData();
             clearRegToken();
+            clearCheckbox();
             $errors._errors.forEach(error => {
                 toast.error(error);
             });
         }
         if ($message) {
             if ($message.text) {
                 closeDialog();
+                clearCheckbox();
                 toast.success($message.text);
                 $message.text = undefined;
             }
             if ($message.token) {
                 closeDialog();
                 openRegDialog($message.token);
                 clearRegToken();
+                clearCheckbox();
             }
         }
     });
@@ -258,7 +265,7 @@
                     <input type="hidden" name="email" bind:value={$formData.email} />
                     <Dialog.Footer class="flex flex-row !justify-between">
                         <div class="flex flex-row items-center space-x-2">
-                            <Checkbox id="actually-delete" bind:checked={actuallyDelete}/>
+                            <Checkbox id="actually-delete" bind:checked={actuallyDeleteCheckBox}/>
                             <Label for="actually-delete">{m.adminConfirmDelete()}</Label>
                         </div>
                         <Button disabled={disableDeleteButton} type="submit" variant="destructive">{m._delete()}</Button>