add delete to admin panel

src/app/admin/admins/Admins.svelte

@@ -1,13 +1,23 @@
 <script lang="ts">
   import BitBadge from '@components/input/BitBadge.svelte';
   import { Permissions } from '@util/permissions.ts';
-  import { admins, editAdmin } from '@app/admin/admins/admins.ts';
+  import { type Admin, admins, deleteAdmin, editAdmin } from '@app/admin/admins/admins.ts';
   import CrudPopup from '@components/admin/popup/CrudPopup.svelte';
   import DataTable from '@components/admin/table/DataTable.svelte';
+  import { confirmPopupState } from '@components/popup/ConfirmPopup.ts';
 
   // state
   let editPopupAdmin = $state(null);
   let editPopupOpen = $derived(!!editPopupAdmin);
+
+  // callback
+  function onAdminDelete(admin: Admin) {
+    $confirmPopupState = {
+      title: 'Admin löschen',
+      message: 'Soll der Admin wirklich gelöscht werden?',
+      onConfirm: () => deleteAdmin(admin)
+    };
+  }
 </script>
 
 {#snippet permissionsBadge(permissions: number)}
@@ -22,6 +32,7 @@
     { key: 'permissions', label: 'Berechtigungen', width: 60, transform: permissionsBadge }
   ]}
   onEdit={(admin) => (editPopupAdmin = admin)}
+  onDelete={onAdminDelete}
 />
 
 <CrudPopup

src/app/admin/admins/admins.ts

@@ -1,6 +1,7 @@
 import { type ActionReturnType, actions } from 'astro:actions';
 import { writable } from 'svelte/store';
 import { actionErrorPopup } from '@util/action.ts';
+import { addToWritableArray, deleteFromWritableArray, updateWritableArray } from '@util/state.ts';
 
 // types
 export type Admins = Exclude<ActionReturnType<typeof actions.admin.admins>['data'], undefined>['admins'];
@@ -27,10 +28,7 @@ export async function addAdmin(admin: Admin & { password: string }) {
     return;
   }
 
-  admins.update((old) => {
-    old.push(Object.assign(admin, { id: data.id }));
-    return old;
-  });
+  addToWritableArray(admins, Object.assign(admin, { id: data.id }));
 }
 
 export async function editAdmin(admin: Admin & { password: string }) {
@@ -40,9 +38,15 @@ export async function editAdmin(admin: Admin & { password: string }) {
     return;
   }
 
-  admins.update((old) => {
-    const index = old.findIndex((a) => a.id == admin.id);
-    old[index] = admin;
-    return old;
-  });
+  updateWritableArray(admins, admin, (t) => t.id == admin.id);
+}
+
+export async function deleteAdmin(admin: Admin) {
+  const { error } = await actions.admin.deleteAdmin(admin);
+  if (error) {
+    actionErrorPopup(error);
+    return;
+  }
+
+  deleteFromWritableArray(admins, (t) => t.id == admin.id);
 }