feat(groupviewexploremain.jsx): refresh screen when user exits

LikeLionHGU · Aug 5, 2024 · 31cf13c · 31cf13c
1 parent fde0666
commit 31cf13c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Mypage/GroupViewExplore/GroupViewExploreCard.jsx b/src/components/Mypage/GroupViewExplore/GroupViewExploreCard.jsx
@@ -15,6 +15,7 @@ function GroupViewExploreCard({
   hoverDelete = false,
   clickJoin = false,
   data = {},
+  cb = () => {},
 }) {
   const fetchBe = useFetchBe();
   const navigate = useNavigate();
@@ -58,7 +59,8 @@ function GroupViewExploreCard({
               src={ExitIcon}
               draggable={false}
               onClick={async () => {
-                fetchBe("/team/exit/" + data.teamId, "PATCH");
+                await fetchBe("/team/exit/" + data.teamId, "PATCH");
+                cb();
               }}
             />
           )}

diff --git a/src/components/Mypage/GroupViewExplore/GroupViewExploreMain.jsx b/src/components/Mypage/GroupViewExplore/GroupViewExploreMain.jsx
@@ -25,9 +25,13 @@ function GroupViewExploreMain() {
     }, {});
   }, [allGroups]);
 
-  useEffect(() => {
+  const getGroupDatas = () => {
     fetchBe("/team/allGroups").then((json) => setAllGroups(json.teams));
     fetchBe("/user/getGroups").then((json) => setMyGroups(json.teams));
+  };
+
+  useEffect(() => {
+    getGroupDatas();
   }, []);
 
   if (!allGroups || !myGroups) return <div></div>;
@@ -70,6 +74,7 @@ function GroupViewExploreMain() {
               data={allGroupByCode[code]}
               hoverDelete={true}
               clickJoin={true}
+              cb={getGroupDatas}
             />
           ))}
           <HoverImageSpan onClick={() => setModalOpen("create")}>