From b731228fb86325543b6ae22763895ee86b3798e8 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Sat, 12 Jul 2025 19:14:18 +0200
Subject: [PATCH] feat: add friend count to buttons on friend page

---
 pages/me/friends.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/pages/me/friends.vue b/pages/me/friends.vue
index 07ffe1a..a0d0384 100644
--- a/pages/me/friends.vue
+++ b/pages/me/friends.vue
@@ -3,9 +3,9 @@
 	<DirectMessagesSidebar />
 	<div :id="$style['page-content']">
 		<div :id="$style['navigation-bar']">
-			<Button text="All Friends" variant="neutral" :callback="() => updateFilter('all')" />
-			<Button text="Online" variant="neutral" :callback="() => updateFilter('online')" />
-			<Button text="Pending" variant="neutral" :callback="() => updateFilter('pending')" />
+			<Button :text="`All Friends – ${friends?.length}`" variant="neutral" :callback="() => updateFilter('all')" />
+			<Button :text="`Online – ${0}`" variant="neutral" :callback="() => updateFilter('online')" />
+			<Button :text="`Pending – ${0}`" variant="neutral" :callback="() => updateFilter('pending')" />
 			<Button text="Add Friend" variant="normal" :callback="() => updateFilter('add')" />
 		</div>
 		
@@ -24,8 +24,12 @@ import Button from '~/components/UserInterface/Button.vue';
 import AddFriend from '~/components/Me/AddFriend.vue';
 import FriendsList from '~/components/Me/FriendsList.vue';
 
+const { fetchFriends } = useApi();
+
 let filter = ref("all");
 
+const friends = await fetchFriends()
+
 function updateFilter(newFilter: string) {
 	filter.value = newFilter;
 }