arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Icons for account deletion and signout

Browse Source
This commit is contained in:
April Hall 2025-03-05 16:25:55 -05:00
parent 52619a0330
commit 9001356f53
Signed by: arithefirst
GPG Key ID: 4508A15C4DB91C5B
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/(main)/account/+page.svelte
View File

@ -2,6 +2,7 @@
import { Button } from '$lib/components/ui/button/index'; import { Button } from '$lib/components/ui/button/index';
import * as Dialog from '$lib/components/ui/dialog'; import * as Dialog from '$lib/components/ui/dialog';
import type { PageData } from './$types'; import type { PageData } from './$types';
import { Trash2, LogOut } from 'lucide-svelte';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
@ -27,9 +28,9 @@
<fieldset class="flex size-full flex-col justify-center gap-3 rounded-lg border p-4"> <fieldset class="flex size-full flex-col justify-center gap-3 rounded-lg border p-4">
<legend class="-ml-1 px-1 text-sm font-medium"> Account Actions </legend> <legend class="-ml-1 px-1 text-sm font-medium"> Account Actions </legend>
<form method="POST" action="?/signOut"> <form method="POST" action="?/signOut">
<Button type="submit" class="w-full">Sign Out</Button> <Button type="submit" class="w-full"><LogOut /> Sign Out</Button>
</form> </form>
<Button variant="destructive" class="w-full" onclick={() => (open = !open)}>Delete Account</Button> <Button variant="destructive" class="w-full" onclick={() => (open = !open)}><Trash2 /> Delete Account</Button>
</fieldset> </fieldset>
</div> </div>
</div> </div>
@ -43,7 +44,7 @@
This action cannot be undone. This will permanently delete your account and remove your data from our database. This action cannot be undone. This will permanently delete your account and remove your data from our database.
<form class="mt-2 flex gap-2" method="POST" action="?/deleteAccount"> <form class="mt-2 flex gap-2" method="POST" action="?/deleteAccount">
<Button class="w-1/2" onclick={() => (open = !open)}>I changed my mind!</Button> <Button class="w-1/2" onclick={() => (open = !open)}>I changed my mind!</Button>
<Button variant="destructive" class="w-1/2" type="submit">Delete Account</Button> <Button variant="destructive" class="w-1/2" type="submit"><Trash2 /> Delete Account</Button>
</form> </form>
</Dialog.Description> </Dialog.Description>
</Dialog.Header> </Dialog.Header>