상세 수정

src/entities/support/ui/qna-item.tsx

@@ -1,42 +1,19 @@
 import moment from 'moment';
-import { PATHS } from '@/shared/constants/paths';
-import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { QnaItemProps } from '../model/types';
 import { useTranslation } from 'react-i18next';
 
 export const SupportQnaItem = ({
-  answer,
-  answerDate,
-  contents,
-  corpName,
-  cursorId,
-  requestDate,
-  requestName,
-  requestType,
-  sendEmail,
-  seq,
-  statusCode,
-  title
+  qnaItem,
+  setDetailData
 }: QnaItemProps) => {
-  const { navigate } = useNavigate();
   const { t } = useTranslation();
   const onClickToDetail = () => {
-    navigate(PATHS.support.qna.detail, {
-      state: {
-        answer: answer,
-        answerDate: answerDate,
-        contents: contents,
-        corpName: corpName,
-        cursorId: cursorId,
-        requestDate: requestDate,
-        requestName: requestName,
-        requestType: requestType,
-        sendEmail: sendEmail,
-        seq: seq,
-        statusCode: statusCode,
-        title: title
-      }
-    });
+    if(setDetailData){
+      setDetailData({
+        qnaItem: qnaItem,
+        detailOn: true
+      });
+    }
   };
 
   return (
@@ -46,12 +23,12 @@ export const SupportQnaItem = ({
         onClick={ () => onClickToDetail() }
       >
         <div className="inq-line">
-          <div className="inq-title-text">{ title }</div>
+          <div className="inq-title-text">{ qnaItem.title }</div>
           <div className="inq-meta">
-            {t('support.qna.registrationDate')}<span>{ moment(requestDate).format('YYYY.MM.DD') }</span>
-            <span className="sai">ㅣ</span>{t('support.qna.status')} <span>[{t(`support.qna.statusCode.${statusCode}`)}]</span>
+            {t('support.qna.registrationDate')}<span>{ qnaItem.requestDate? moment(qnaItem.requestDate).format('YYYY.MM.DD'): '' }</span>
+            <span className="sai">ㅣ</span>{t('support.qna.status')} <span>[{t(`support.qna.statusCode.${qnaItem.statusCode}`)}]</span>
           </div>
-          <span className={`dot ${(statusCode === '03')? 'blue': 'gray'}`}></span>
+          <span className={`dot ${(qnaItem.statusCode === '03')? 'blue': 'gray'}`}></span>
         </div>
       </div>
     </>