From 75134761be4a8722828241f33af428577064c77c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=84=9D=EC=B0=AC=20=EC=9C=A4?= <ysc0731@ajou.ac.kr>
Date: Tue, 10 Dec 2024 02:11:03 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EC=9E=84=EC=83=9D=EC=84=B1?=
 =?UTF-8?q?=EC=8B=9C=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EB=8F=99=EA=B8=B0?=
 =?UTF-8?q?=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CreateMeetingModal.jsx | 7 ++++---
 src/pages/MeetingPage.jsx             | 7 +++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/CreateMeetingModal.jsx b/src/components/CreateMeetingModal.jsx
index d24db87..2a1e76b 100644
--- a/src/components/CreateMeetingModal.jsx
+++ b/src/components/CreateMeetingModal.jsx
@@ -5,7 +5,7 @@ import { createMeeting } from "../api/meeting";
 import { convertTimeToIndex } from "../utils/time";
 import { days } from "../constants/schedule";
 
-const CreateMeetingModal = ({ isOpen, onClose }) => {
+const CreateMeetingModal = ({ isOpen, onClose, onMeetingCreated }) => {
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
   const [location, setLocation] = useState("");
@@ -51,13 +51,14 @@ const CreateMeetingModal = ({ isOpen, onClose }) => {
         time_idx_start,
         time_idx_end,
         time_idx_deadline,
-        type: "OPEN", // 기본값
+        type: "OPEN",
         max_num: parseInt(maxNum),
       };
 
       await createMeeting(meetingData);
       alert("모임이 성공적으로 생성되었습니다!");
-      onClose();
+      onMeetingCreated(); // 모임 생성 후 상태 동기화
+      onClose(); // 모달 닫기
     } catch (error) {
       console.error("Failed to create meeting:", error);
       alert("모임 생성에 실패했습니다.");
diff --git a/src/pages/MeetingPage.jsx b/src/pages/MeetingPage.jsx
index d5655d5..2ec5b9a 100644
--- a/src/pages/MeetingPage.jsx
+++ b/src/pages/MeetingPage.jsx
@@ -298,7 +298,14 @@ const MeetingPage = () => {
       <CreateMeetingModal
         isOpen={showCreateModal}
         onClose={() => setShowCreateModal(false)}
+        onMeetingCreated={async () => {
+          const updatedData = await getAllMeetings(0, meetingPage * 20);
+          setMeetings(updatedData.content);
+          const updatedMyData = await getMyMeetings(0, myMeetingPage * 20);
+          setMyMeetings(updatedMyData.content);
+        }}
       />
+
       <MeetingDetailModal
         isOpen={showDetailModal}
         onClose={() => setShowDetailModal(false)}
-- 
GitLab