From 69d1e32ec04428380c20319b1810c30211e21e20 Mon Sep 17 00:00:00 2001
From: Jason <Jason1@jelincic.com>
Date: Tue, 4 Jun 2024 11:50:55 -0700
Subject: [PATCH] individual groups page ui bundle

---
 frontend/src/components/Basket.tsx         | 34 ++++++++++------------
 frontend/src/components/BasketItem.tsx     |  6 ++--
 frontend/src/pages/IndividualGroupPage.tsx |  5 +---
 3 files changed, 20 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/Basket.tsx b/frontend/src/components/Basket.tsx
index bd16eb8..b684f60 100644
--- a/frontend/src/components/Basket.tsx
+++ b/frontend/src/components/Basket.tsx
@@ -154,7 +154,7 @@ const BasketComp = ({
                     ? "missing"
                     : basketObj?.description}
                 </Text>
-                <Text 
+                <Text
                   display={multiMemberView ? "auto" : "none"}
                   marginBottom={multiMemberView ? "10px" : "none"}
                 >
@@ -165,28 +165,26 @@ const BasketComp = ({
                 width="100%"
                 justifyContent={"space-around"}
                 padding="5px"
-                flexDir={
-                  {
-                    xl: "row",
-                    base: "column",
-                  }
-                }
+                flexDir={{
+                  xl: "row",
+                  base: "column",
+                }}
               >
                 {isOwnerOfBasket ? (
-                <AddFriendToBasket
-                  basketId={basketId.toString()}
-                  groupMembers={groupMembers}
-                  basketMemberIds={basketObj?.members}
-                  currentUserId={LoggedInUser?._id.toString()}
-                />
+                  <AddFriendToBasket
+                    basketId={basketId.toString()}
+                    groupMembers={groupMembers}
+                    basketMemberIds={basketObj?.members}
+                    currentUserId={LoggedInUser?._id.toString()}
+                  />
                 ) : (
-                <></>
+                  <></>
                 )}
                 {isMemberOfBasket ? (
-                <EditBasket
-                  groupId={groupId}
-                  basketId={basketId.toString()}
-                />
+                  <EditBasket
+                    groupId={groupId}
+                    basketId={basketId.toString()}
+                  />
                 ) : (
                   <></>
                 )}
diff --git a/frontend/src/components/BasketItem.tsx b/frontend/src/components/BasketItem.tsx
index b8e96be..4b928df 100644
--- a/frontend/src/components/BasketItem.tsx
+++ b/frontend/src/components/BasketItem.tsx
@@ -89,15 +89,15 @@ const BasketItem = ({ itemId, bid, basketMemberView }: Props) => {
           padding={`${basketMemberView ? "0px" : "10px"} 2%`}
           borderRadius="20px"
         >
-          <Box 
+          <Box
             width={{ base: "40%", md: "25%" }}
             margin={{ base: "10px", md: "0px" }}
             textAlign={{ base: "center", md: "left" }}
           >
             {item?.name}
           </Box>
-          <Box 
-            flexGrow="6" 
+          <Box
+            flexGrow="6"
             display={{ base: "none", md: "block" }}
             textAlign="center"
           >
diff --git a/frontend/src/pages/IndividualGroupPage.tsx b/frontend/src/pages/IndividualGroupPage.tsx
index beafc40..3dfbda5 100644
--- a/frontend/src/pages/IndividualGroupPage.tsx
+++ b/frontend/src/pages/IndividualGroupPage.tsx
@@ -300,10 +300,7 @@ const IndividualGroupPage: React.FC<Props> = ({
                   justifyContent={"space-between"}
                   alignItems={"center"}
                 >
-                  <Heading 
-                    paddingLeft={"10px"}
-                    paddingTop={"10px"}
-                  >
+                  <Heading paddingLeft={"10px"} paddingTop={"10px"}>
                     Baskets
                   </Heading>
                   <Box