feat: 답변 페이지 수정 및 종료 시, 모달 에러 고치기 (#85)

prgrms-web-devcourse · Nov 28, 2023 · 88a96e7 · 88a96e7
1 parent 3d32cac
commit 88a96e7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 16 deletions.
diff --git a/src/pages/ReviewReplyPage/components/ReviewReplyEdit/index.tsx b/src/pages/ReviewReplyPage/components/ReviewReplyEdit/index.tsx
@@ -20,7 +20,7 @@ const ReviewReplyEdit = () => {
   const reviewId = parseInt(pathname.split('/').at(-1) as string)
   const [initModal, setInitModal] = useState(true)
   const labelRef = useRef<HTMLLabelElement>(null)
-  // const hasMounted = useRef(false)
+  const hasMounted = useRef(false)
 
   const { data: user } = useUser()
   const { data: reviewData } = useGetReviewForParticipation({ id: reviewId })
@@ -54,15 +54,12 @@ const ReviewReplyEdit = () => {
   })
 
   useEffect(() => {
-    // NOTE: 개발 서버에서는 필요
-    // if (!hasMounted.current) {
-    //   hasMounted.current = true
-
-    //   return
-    // }
-
+    if (hasMounted.current) {
+      return
+    }
     if (labelRef.current) {
       labelRef.current.click()
+      hasMounted.current = true
     }
   }, [])
 

diff --git a/src/pages/ReviewReplyPage/components/ReviewReplyEnd/index.tsx b/src/pages/ReviewReplyPage/components/ReviewReplyEnd/index.tsx
@@ -17,7 +17,7 @@ const ReviewReplyEnd = () => {
   const reviewId = parseInt(pathname.split('/').at(-1) as string)
   const [initModal, setInitModal] = useState(true)
   const labelRef = useRef<HTMLLabelElement>(null)
-  // const hasMounted = useRef(false)
+  const hasMounted = useRef(false)
 
   const { data: user } = useUser()
   const { data: prevReplyData } = useGetResponseByResponserForParticipation({
@@ -44,15 +44,12 @@ const ReviewReplyEnd = () => {
   })
 
   useEffect(() => {
-    // NOTE: 개발 서버에서는 필요
-    // if (!hasMounted.current) {
-    //   hasMounted.current = true
-
-    //   return
-    // }
-
+    if (hasMounted.current) {
+      return
+    }
     if (labelRef.current) {
       labelRef.current.click()
+      hasMounted.current = true
     }
   }, [])