diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index fadd4e1..6657a80 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -114,7 +114,10 @@ function App() {
/>
}
/>
- } />{" "}
+ }
+ />{" "}
{/* added route for individual group page */}
= ({
+ basketId,
+ memberid,
+ currentUserId,
+}) => {
+ // Initialize the members state with the filtered memberid prop
+ const [members, setMembers] = useState(() =>
+ memberid.filter((member) => member._id.toString() !== currentUserId),
+ );
+
+ useEffect(() => {
+ // This effect runs when memberid prop changes
+ setMembers(
+ memberid.filter((member) => member._id.toString() !== currentUserId),
+ );
+ }, [memberid, currentUserId]);
+
+ // Function to handle button click and log members to the console
+ const handleLogMembers = () => {
+ console.log("Members:", members);
+ };
+ const AddToBasket = async (basketId: string, friendId: string) => {
+ try {
+ const res = await fetch(`http://localhost:3001/baskets/${basketId}`);
+ let basket;
+ if (res.ok) {
+ basket = await res.json();
+ if (!basket.members.includes(friendId)) {
+ basket.members.push(friendId);
+ console.log("Pushed friend ID to basket's member list");
+ const updatedRes1 = await fetch(
+ `http://localhost:3001/baskets/${basketId}`,
+ {
+ method: "PATCH",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ members: basket.members }),
+ },
+ );
+ if (updatedRes1.ok) {
+ console.log("Friend added to group's member list successfully");
+ } else {
+ console.error("Failed to update group");
+ }
+ } else {
+ console.log("Friend is already in basket");
+ }
+ } else {
+ console.log("Basket not Found");
+ }
+ } catch (error) {
+ console.error("Error adding friend:", error);
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ Members
+
+
+ {members.map((member) => (
+ -
+ {member.username}
+
+
+ ))}
+
+
+
+
+
+