support

src/entities/support/model/types.ts

@@ -26,13 +26,13 @@ export interface FaqItemProps extends FaqItem {
   
 }
 export interface QnaListParams extends SupportParams {
+  statusCode?: string;
   page?: DefaultRequestPagination;
 };
 export interface QnaItem {
-  sortNo?: string;
+  cursorId?: number;
   seq?: string;
   statusCode?: string;
-  statusName?: string;
   requestDate?: string;
   requestName?: string;
   title?: string;

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

@@ -2,12 +2,12 @@ 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 = ({
-  sortNo,
+  cursorId,
   seq,
   statusCode,
-  statusName,
   requestDate,
   requestName,
   title,
@@ -15,12 +15,11 @@ export const SupportQnaItem = ({
   answer
 }: QnaItemProps) => {
   const { navigate } = useNavigate();
-
+  const { t } = useTranslation();
   const onClickToDetail = () => {
     navigate(PATHS.support.qna.detail, {
       state: {
         statusCode,
-        statusName,
         requestDate,
         requestName,
         title,
@@ -34,13 +33,13 @@ export const SupportQnaItem = ({
     <>
       <div 
         className="inq-item"
-       onClick={ () => onClickToDetail() }
+        onClick={ () => onClickToDetail() }
       >
         <div className="inq-line">
-          <div className="inq-title-text">{ contents }</div>
+          <div className="inq-title-text">{ title }</div>
           <div className="inq-meta">
             등록일<span>{ moment(requestDate).format('YYYY.MM.DD') }</span>
-            <span className="sai">ㅣ</span>상태 <span>[{ statusName }]</span>
+            <span className="sai">ㅣ</span>상태 <span>[{t(`support.qna.statusCode.${statusCode}`)}]</span>
           </div>
           <span className={`dot ${(statusCode === '03')? 'blue': 'gray'}`}></span>
         </div>