fix: friend request logic

Author: mrkaye97

frontend/src/components/friends-view.tsx

@@ -204,7 +204,9 @@ export const FriendsView = ({
                                   className="text-destructive hover:text-destructive hover:bg-destructive/10 h-8 w-8 rounded-full"
                                   disabled={mutations.isDeleting}
                                   onClick={async () => {
-                                    await mutations.deleteFriendRequest()
+                                    await mutations.deleteFriendRequest(
+                                      request.member.id
+                                    )
                                   }}
                                   aria-label={`Decline friend request from ${request.member.first_name} ${request.member.last_name}`}
                                 >
@@ -264,7 +266,9 @@ export const FriendsView = ({
                                   size="icon"
                                   className="h-8 w-8"
                                   onClick={async () => {
-                                    mutations.deleteFriendRequest()
+                                    await mutations.deleteFriendRequest(
+                                      request.member.id
+                                    )
                                   }}
                                   aria-label={`Cancel friend request to ${request.member.first_name} ${request.member.last_name}`}
                                 >

frontend/src/hooks/use-friends.tsx

@@ -67,16 +67,19 @@ export const useFriends = () => {
     [acceptFriendRequestMutation, createAuthHeader]
   )
 
-  const deleteFriendRequest = useCallback(async () => {
-    deleteFriendRequestMutation({
-      params: {
-        path: {
-          friend_member_id: memberId || "",
+  const deleteFriendRequest = useCallback(
+    async (friendMemberId: string) => {
+      deleteFriendRequestMutation({
+        params: {
+          path: {
+            friend_member_id: friendMemberId,
+          },
         },
-      },
-      headers: createAuthHeader(),
-    })
-  }, [deleteFriendRequestMutation, memberId, createAuthHeader])
+        headers: createAuthHeader(),
+      })
+    },
+    [deleteFriendRequestMutation, createAuthHeader]
+  )
 
   const invalidate = async () => {
     await queryClient.invalidateQueries({