From 7c7b2f1bf92d509d713955a0f5f8b57a90c92b46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=ED=95=98=EC=9D=80?=
 <117327533+hankim0904@users.noreply.github.com>
Date: Thu, 4 Apr 2024 18:48:31 +0900
Subject: [PATCH] =?UTF-8?q?Refactor:=20=EB=A6=AC=EB=B7=B0=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=20postId=20prop=EC=9C=BC=EB=A1=9C=20=EB=82=B4?=
 =?UTF-8?q?=EB=A0=A4=EC=A3=BC=EA=B8=B0=20(#335)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 co-kkiri/src/components/commons/Card/index.tsx       | 2 +-
 co-kkiri/src/components/domains/manage/Buttons.tsx   | 2 +-
 co-kkiri/src/components/modals/ReviewModal/index.tsx | 7 +++----
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/co-kkiri/src/components/commons/Card/index.tsx b/co-kkiri/src/components/commons/Card/index.tsx
index 4a4d735c..bd519257 100644
--- a/co-kkiri/src/components/commons/Card/index.tsx
+++ b/co-kkiri/src/components/commons/Card/index.tsx
@@ -97,7 +97,7 @@ export default function Card({ page = "home", cardData }: CardProps) {
           </S.FooterBox>
         </S.Container>
       </Link>
-      {isReviewModalOpen && <ReviewModal onClose={handleReviewModalOpen} />}
+      {isReviewModalOpen && <ReviewModal onClose={handleReviewModalOpen} postId={postId} />}
     </>
   );
 }
diff --git a/co-kkiri/src/components/domains/manage/Buttons.tsx b/co-kkiri/src/components/domains/manage/Buttons.tsx
index d40879ed..18f4ed1a 100644
--- a/co-kkiri/src/components/domains/manage/Buttons.tsx
+++ b/co-kkiri/src/components/domains/manage/Buttons.tsx
@@ -64,7 +64,7 @@ export default function Buttons({ buttonType, isLeader, postId, studyType, isRev
       {buttonType === "DONE" && (
         <ManageButton text="내가 받은 리뷰 보기" buttonCount={1} variant="ghost" onClick={handleReviewModalOpen} />
       )}
-      {isReviewModalOpen && <ReviewModal onClose={handleReviewModalOpen} />}
+      {isReviewModalOpen && <ReviewModal onClose={handleReviewModalOpen} postId={postId} />}
     </Box>
   );
 }
diff --git a/co-kkiri/src/components/modals/ReviewModal/index.tsx b/co-kkiri/src/components/modals/ReviewModal/index.tsx
index e00017ff..c65ddb9a 100644
--- a/co-kkiri/src/components/modals/ReviewModal/index.tsx
+++ b/co-kkiri/src/components/modals/ReviewModal/index.tsx
@@ -10,11 +10,10 @@ import { TEAM_REVIEW_INFO, emojis } from "@/lib/mock/review/teamReview.ts";
 
 interface ReviewModalProps {
   onClose: () => void;
+  postId: number;
 }
 
-export default function ReviewModal({ onClose }: ReviewModalProps) {
-  const { id } = useParams();
-  const postId = Number(id);
+export default function ReviewModal({ onClose, postId }: ReviewModalProps) {
   const selectedEmojisRef = useRef<string[]>([]);
 
   const randomPicker = () => {
@@ -38,7 +37,7 @@ export default function ReviewModal({ onClose }: ReviewModalProps) {
         <h3>스터디 리뷰</h3>
         <S.Box>
           <S.ContentBox>
-            <Link to={`/list/${id}`}>
+            <Link to={`/list/${postId}`}>
               <h6>
                 스터디/프로젝트
                 <img src={ICONS.arrowRightGray.src} alt={ICONS.arrowRightGray.alt} />