[frontend] Change to not display the add friend button and confirm bu…

…tton while blocking (#295)
usatie · Mar 4, 2024 · f3fb2d3 · f3fb2d3
1 parent f606b66
commit f3fb2d3
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/app/user/[id]/page.tsx b/frontend/app/user/[id]/page.tsx
@@ -38,8 +38,10 @@ export default async function FindUser({
   const hasSentRequest = requests.requesting.some((r) => r.id === userId);
   const hasReceivedRequest = requests.requestedBy.some((r) => r.id === userId);
   const isFriend = myFriends.some((f) => f.id == userId);
-  const canAddFriend = !hasSentRequest && !hasReceivedRequest && !isFriend;
   const isBlocking = blockingUsers.some((b) => b.id === userId);
+  const canAddFriend =
+    !hasSentRequest && !hasReceivedRequest && !isFriend && !isBlocking;
+  const canAcceptFriend = hasReceivedRequest && !isFriend && !isBlocking;
   // TODO: Must consider these situations
   // 1. Already friends
   // 2. Friend request sent
@@ -58,7 +60,7 @@ export default async function FindUser({
         <>
           <div className="flex gap-4">
             {hasSentRequest && <CancelFriendRequestButton id={userId} />}
-            {hasReceivedRequest && <AcceptFriendButton id={userId} />}
+            {canAcceptFriend && <AcceptFriendButton id={userId} />}
             {hasReceivedRequest && <RejectFriendButton id={userId} />}
             {isFriend && <RemoveFriendButton id={userId} />}
             {canAddFriend && <AddFriendButton id={userId} />}