add delete to admin panel

src/app/admin/users/Users.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import DataTable from '@components/admin/table/DataTable.svelte';
-  import { editUser, users } from '@app/admin/users/users.ts';
+  import { deleteUser, editUser, type User, users } from '@app/admin/users/users.ts';
   import CrudPopup from '@components/admin/popup/CrudPopup.svelte';
+  import { confirmPopupState } from '@components/popup/ConfirmPopup.ts';
 
   // state
   let editPopupUser = $state(null);
@@ -11,6 +12,15 @@
   $effect(() => {
     if (!editPopupOpen) editPopupUser = null;
   });
+
+  // callback
+  function onUserDelete(user: User) {
+    $confirmPopupState = {
+      title: 'Nutzer löschen?',
+      message: 'Soll der Nutzer wirklich gelöscht werden?',
+      onConfirm: () => deleteUser(user)
+    };
+  }
 </script>
 
 <DataTable
@@ -25,6 +35,7 @@
     { key: 'uuid', label: 'UUID', width: 23 }
   ]}
   onEdit={(user) => (editPopupUser = user)}
+  onDelete={onUserDelete}
 />
 
 <CrudPopup

src/app/admin/users/users.ts

@@ -1,6 +1,7 @@
 import { writable } from 'svelte/store';
 import { type ActionReturnType, actions } from 'astro:actions';
 import { actionErrorPopup } from '@util/action.ts';
+import { addToWritableArray, deleteFromWritableArray, updateWritableArray } from '@util/state.ts';
 
 // types
 export type Users = Exclude<ActionReturnType<typeof actions.user.users>['data'], undefined>['users'];
@@ -34,10 +35,7 @@ export async function addUser(user: User) {
     return;
   }
 
-  users.update((old) => {
-    old.push(Object.assign(user, { id: data.id }));
-    return old;
-  });
+  addToWritableArray(users, user);
 }
 
 export async function editUser(user: User) {
@@ -55,9 +53,15 @@ export async function editUser(user: User) {
     return;
   }
 
-  users.update((old) => {
-    const index = old.findIndex((a) => a.id == user.id);
-    old[index] = user;
-    return old;
-  });
+  updateWritableArray(users, user, (t) => t.id == user.id);
+}
+
+export async function deleteUser(user: User) {
+  const { error } = await actions.user.deleteUser({ id: user.id });
+  if (error) {
+    actionErrorPopup(error);
+    return;
+  }
+
+  deleteFromWritableArray(users, (t) => t.id == user.id);
 }