feat: 수신자 클릭시 1번 질문으로 이동 (#114)

src/pages/ReviewReplyPage/components/ReplyCategory/ReplyRating/index.tsx

@@ -34,7 +34,6 @@ const ReplyRating = ({
     [registerPath, getValues],
   )
 
-  const [score, setScore] = useState(prevScore || 0)
   const [zero, setZero] = useState(false)
 
   useEffect(() => {
@@ -43,16 +42,13 @@ const ReplyRating = ({
         ? Array.from({ length: 5 }, (_, index) => index < prevScore)
         : Array(5).fill(false),
     )
-    setScore(prevScore || 0)
-  }, [prevScore, receiverIndex, setRates, questionIndex])
+  }, [prevScore, setRates, receiverIndex, questionIndex])
 
-  useEffect(() => {
-    setValue(`${registerPath}.answerRating`, score)
-  }, [score, registerPath, setValue])
-
-  useEffect(() => {
-    handleCheckReply({ value: score })
-  }, [score, handleCheckReply])
+  const clickStar = (index: number) => {
+    setValue(`${registerPath}.answerRating`, index)
+    handleCheckReply({ value: index })
+    changeStar(index - 1)
+  }
 
   const handleClickStar = (index: number) => {
     if (state.status === 'END' || state.status === 'DEADLINE') {
@@ -61,20 +57,17 @@ const ReplyRating = ({
 
     if (index !== 0) {
       setZero(false)
-      setScore(index + 1)
-      changeStar(index)
+      clickStar(index + 1)
 
       return
     }
 
     if (zero) {
       setZero(false)
-      setScore(index)
-      changeStar(index - 1)
+      clickStar(index)
     } else {
       setZero(true)
-      setScore(index + 1)
-      changeStar(index)
+      clickStar(index + 1)
     }
   }
 

src/pages/ReviewReplyPage/components/ReviewReplyEdit/ReviewReply.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { Modal } from '@/components'
 import { ReviewDetailedData } from '@/types'
@@ -48,6 +49,10 @@ const ReviewReply = ({ reviewData, handleSubmit }: ReviewReplyProps) => {
   const { individualReplyCompletes, allReplyComplete, checkReplyComplete } =
     useReplyComplete({ receivers, selectedReceiverIndex, editPage: true })
 
+  useEffect(() => {
+    setSelectedQuestionIndex(0)
+  }, [selectedReceiver, setSelectedQuestionIndex])
+
   const questionArray = questions.map((question, index) => (
     <Questions
       question={question}

src/pages/ReviewReplyPage/components/ReviewReplyEnd/ReviewReply.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { ReviewDetailedData } from '@/types'
 import { ReceiverItem, QuestionItem } from '../'
@@ -42,6 +43,10 @@ const ReviewReply = ({ reviewData }: ReviewReplyProps) => {
     setSelectedReceiverIndex,
   })
 
+  useEffect(() => {
+    setSelectedQuestionIndex(0)
+  }, [selectedReceiver, setSelectedQuestionIndex])
+
   const questionArray = questions.map((question, index) => (
     <Questions
       question={question}

src/pages/ReviewReplyPage/components/ReviewReplyStart/ReviewReply.tsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { Modal } from '@/components'
 import { ReviewDetailedData } from '@/types'
@@ -48,6 +49,10 @@ const ReviewReply = ({ reviewData, handleSubmit }: ReviewReplyProps) => {
   const { individualReplyCompletes, allReplyComplete, checkReplyComplete } =
     useReplyComplete({ receivers, selectedReceiverIndex })
 
+  useEffect(() => {
+    setSelectedQuestionIndex(0)
+  }, [selectedReceiver, setSelectedQuestionIndex])
+
   const questionArray = questions.map((question, index) => (
     <Questions
       question={question}