sophie/chat.sad.ovh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add ability to remove friends

Browse source
This commit is contained in:
Soph :3 2026-01-07 02:35:09 +02:00
parent 6f3ceb6838
commit 6b47888514
2 changed files with 105 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/lib/components/app-sidebar.svelte
View file

@ -75,6 +75,7 @@
<Tabs.List>
<Tabs.Trigger value="outgoing">Outgoing</Tabs.Trigger>
<Tabs.Trigger value="incoming">Incoming</Tabs.Trigger>
<Tabs.Trigger value="manage">Manage Friends</Tabs.Trigger>
</Tabs.List>
<!-- Outgoing Requests -->
@ -126,6 +127,28 @@
{/each}
{/if}
</Tabs.Content>
<Tabs.Content value="manage">
{#if data.friends.length === 0}
<p class="text-sm text-muted-foreground">You have no friends added.</p>
{:else}
{#each data.friends as friend (friend.id)}
<Card.Root class="mb-2">
<Card.Header>
<Card.Title>{friend.username}</Card.Title>
<Card.Description>Currently your friend</Card.Description>
</Card.Header>
<Card.Footer>
<form method="POST" action="?/removeFriend">
<input type="hidden" name="userId" value={friend.id} />
<Button type="submit" variant="destructive" size="sm">
Remove Friend
</Button>
</form>
</Card.Footer>
</Card.Root>
{/each}
{/if}
</Tabs.Content>
</Tabs.Root>
</Dialog.Content>
</Dialog.Root>
@ -145,10 +168,45 @@
</Dialog.Header>
{#each data.friends as friend (friend.id)}
<label class="flex items-center gap-2">
<input type="checkbox" name="member" value={friend.id} />
<User user={friend} />
</label>
<Sidebar.MenuSubItem class="flex items-center gap-2">
<Sidebar.MenuSubButton>
<User
onclick={(e) => {
e.preventDefault();
currentPage = friend.id;
}}
user={friend}
></User>
</Sidebar.MenuSubButton>
<Dialog.Root>
<Dialog.Trigger>
<Button variant="destructive" size="icon">
<MinusIcon />
</Button>
</Dialog.Trigger>
<Dialog.Content class="sm:max-w-106.25">
<Dialog.Header>
<Dialog.Title>Remove Friend</Dialog.Title>
<Dialog.Description>
Are you sure you want to remove {friend.username} from your friends?
</Dialog.Description>
</Dialog.Header>
<Dialog.Footer class="flex gap-2">
<Dialog.Close class={buttonVariants({ variant: 'outline' })}>
Cancel
</Dialog.Close>
<form method="POST" action="?/removeFriend">
<input type="hidden" name="userId" value={friend.id} />
<Button type="submit" variant="destructive">Remove</Button>
</form>
</Dialog.Footer>
</Dialog.Content>
</Dialog.Root>
</Sidebar.MenuSubItem>
{/each}
<Dialog.Footer>