+1 -1

packages/panel/src/lib/component/LoaderButton.svelte

reviewed

··· 42 42 43 43 <style lang="scss"> 44 44 button { 45 45 - display: flex; 45 45 + display: inline-flex; 46 46 align-items: center; 47 47 justify-content: center; 48 48 gap: 10px;

+4 -2

packages/panel/src/routes/(authenticated)/server/UserList.svelte

reviewed

··· 4 4 import CopyBox from "$lib/component/CopyBox.svelte"; 5 5 import { api, isMobile, openDialog } from "$lib"; 6 6 import Fa from "svelte-fa"; 7 7 + import PromiseButton from "$lib/component/PromiseButton.svelte"; 7 8 8 9 type LuminaryUser = api.components["schemas"]["luminary.api.auth.LuminaryUser"]; 9 10 ··· 36 37 } 37 38 38 39 async function delete_user(uuid: string) { 40 40 + if (!confirm(`Are you sure you want to delete this user? This action is irreversible.`)) return; 39 41 await api.client.DELETE("/api/auth/users/{user}", { params: { path: { user: uuid } } }); 40 42 refresh(); 41 43 } ··· 88 90 {/if} 89 91 <td>{user.username}</td> 90 92 <td class="actions-col"> 91 91 - <button class="outline" onclick={() => delete_user(user.uuid)}> 93 93 + <PromiseButton fit style="outline" onclick={() => delete_user(user.uuid)}> 92 94 <Fa icon={faBan} /> Delete 93 93 - </button> 95 95 + </PromiseButton> 94 96 </td> 95 97 </tr> 96 98 {/each}