nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support 키 변경 관련

Browse Source
This commit is contained in:
focp212@naver.com
2025-10-29 11:07:58 +09:00
parent 51e38e9d45
commit 88445ec607
12 changed files with 81 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/entities/home/ui/home-notice-item.tsx
View File

@@ -9,8 +9,7 @@ export const HomeNoticeItem = ({
seq,
title,
informCl,
regDate,
isNew
regDt,
}: NoticeItemProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
@@ -32,7 +31,7 @@ export const HomeNoticeItem = ({
>
<div className="notice-content">
<div className="notice-title">{ title }</div>
<div className="notice-meta">{ t(`support.notice.categories.${informCl}`) }<span>{ moment(regDate).format('YY년 MM월 DD일') }</span></div>
<div className="notice-meta">{ t(`support.notice.categories.${informCl}`) }<span>{ moment(regDt).format('YY년 MM월 DD일') }</span></div>
</div>
<div className="notice-arrow">
<img

3
src/entities/home/ui/home-notice-list.tsx
View File

@@ -23,8 +23,7 @@ export const HomeNoticeList = () => {
seq={ resultList[i]?.seq }
title={ resultList[i]?.title }
informCl={ resultList[i]?.informCl }
regDate={ resultList[i]?.regDate }
isNew={ resultList[i]?.isNew }
regDt={ resultList[i]?.regDt }
></HomeNoticeItem>
);
}

23
src/entities/support/model/types.ts
View File

@@ -10,10 +10,9 @@ export interface FaqListParams {
page?: DefaultRequestPagination;
};
export interface FaqItem {
sortNo?: string;
cursorId?: number;
seq?: string;
category?: string;
categoryName?: string;
title?: string;
contents?: string;
};
@@ -30,16 +29,18 @@ export interface QnaListParams extends SupportParams {
page?: DefaultRequestPagination;
};
export interface QnaItem {
answer?: string;
answerDate?: string;
contents?: string;
corpName?: string | null;
cursorId?: number;
seq?: string;
statusCode?: string;
requestType?: string;
requestDate?: string;
requestName?: string;
answerDate?: string;
requestType?: string;
sendEmail?: string | null;
seq?: string;
statusCode?: string;
title?: string;
contents?: string;
answer?: string;
};
export interface QnaListResponse extends DefaulResponsePagination {
content: Array<QnaItem>
@@ -67,11 +68,9 @@ export interface NoticeListParams extends SupportParams {
export interface NoticeItem {
seq?: number;
title?: string;
contents?: string;
informCl?: InformCl | string;
regDate?: string;
isNew?: boolean;
viewCount?: number;
regDt?: string;
contents?: string;
};
export interface NoticeListResponse {
content: Array<NoticeItem>;

10
src/entities/support/ui/faq-item.tsx
View File

@@ -1,20 +1,24 @@
import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { FaqItemProps } from '../model/types';
import { useTranslation } from 'react-i18next';
export const SupportFaqItem = ({
sortNo,
cursorId,
seq,
category,
categoryName,
title,
contents,
}: FaqItemProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
const onClickToDetail = () => {
navigate(PATHS.support.faq.detail, {
state: {
cursorId,
seq,
category,
title,
contents
}
@@ -29,7 +33,7 @@ export const SupportFaqItem = ({
>
<div className="faq-txt">
<div className="faq-title">{ title }</div>
<div className="faq-tag">{ categoryName }</div>
<div className="faq-tag">{ t('support.faq.categories.' + category) }</div>
</div>
</div>
</>

5
src/entities/support/ui/notice-item.tsx
View File

@@ -8,8 +8,7 @@ export const SupportNoticeItem = ({
seq,
title,
informCl,
regDate,
isNew
regDt,
}: NoticeItemProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
@@ -32,7 +31,7 @@ export const SupportNoticeItem = ({
<div className="notice-txt">
<div className="notice-title-114">{ title }</div>
<div className="notice-meta-114">
<span className="blue">{ t(`support.notice.categories.${informCl}`) }</span> ㅣ <span>{ moment(regDate).format('YYYY.MM.DD HH:mm:ss') }</span>
<span className="blue">{ t(`support.notice.categories.${informCl}`) }</span> ㅣ <span>{ moment(regDt).format('YYYY.MM.DD HH:mm:ss') }</span>
</div>
</div>
</div>

36
src/entities/support/ui/qna-item.tsx
View File

@@ -5,30 +5,36 @@ import { QnaItemProps } from '../model/types';
import { useTranslation } from 'react-i18next';
export const SupportQnaItem = ({
answer,
answerDate,
contents,
corpName,
cursorId,
seq,
statusCode,
requestType,
requestDate,
requestName,
answerDate,
title,
contents,
answer
requestType,
sendEmail,
seq,
statusCode,
title
}: QnaItemProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
const onClickToDetail = () => {
navigate(PATHS.support.qna.detail, {
state: {
statusCode,
requestType,
requestDate,
requestName,
answerDate,
title,
contents,
answer
answer: answer,
answerDate: answerDate,
contents: contents,
corpName: corpName,
cursorId: cursorId,
requestDate: requestDate,
requestName: requestName,
requestType: requestType,
sendEmail: sendEmail,
seq: seq,
statusCode: statusCode,
title: title
}
});
};

6
src/pages/support/faq/detail-page.tsx
View File

@@ -14,6 +14,9 @@ export const FaqDetailPage = () => {
const { navigate } = useNavigate();
const location = useLocation();
const [cursorId, setCursorId] = useState<number>(0);
const [seq, setSeq] = useState<string>('');
const [category, setCategory] = useState<string>('');
const [title, setTitle] = useState<string>('');
const [contents, setContents] = useState<string>('');
@@ -25,6 +28,9 @@ export const FaqDetailPage = () => {
});
useEffect(() => {
setCursorId(location?.state.cursorId);
setSeq(location?.state.seq);
setCategory(location?.state.category);
setTitle(location?.state.title);
setContents(location?.state.contents);
}, []);

3
src/pages/support/faq/list-page.tsx
View File

@@ -109,10 +109,9 @@ export const FaqListPage = () => {
rs.push(
<SupportFaqItem
key={ `key-support-faq-item-${i}` }
sortNo={ resultList[i]?.sortNo }
cursorId={ resultList[i]?.cursorId }
seq={ resultList[i]?.seq }
category={ resultList[i]?.category }
categoryName={ resultList[i]?.categoryName }
title={ resultList[i]?.title }
contents={ resultList[i]?.contents }
></SupportFaqItem>

2
src/pages/support/notice/detail-page.tsx
View File

@@ -59,7 +59,7 @@ export const NoticeDetailPage = () => {
<div className="option-list">
<div className="notice-detail">
<div className="notice-detail__title">{ result.title }</div>
<div className="notice-detail__meta">{ moment(result.regDate).format('YYYY.MM.DD') } | { t(`support.notice.categories.${result.informCl}`) }</div>
<div className="notice-detail__meta">{ moment(result.regDt).format('YYYY.MM.DD') } | { t(`support.notice.categories.${result.informCl}`) }</div>
<div className="notice-detail__divider"></div>
<div className="notice-detail__body" dangerouslySetInnerHTML={{ __html: result.contents || '' }}></div>
</div>

3
src/pages/support/notice/list-page.tsx
View File

@@ -112,8 +112,7 @@ export const NoticeListPage = () => {
seq={ resultList[i]?.seq }
title={ resultList[i]?.title }
informCl={ resultList[i]?.informCl }
regDate={ resultList[i]?.regDate }
isNew={ resultList[i]?.isNew }
regDt={ resultList[i]?.regDt }
></SupportNoticeItem>
)
}

30
src/pages/support/qna/detail-page.tsx
View File

@@ -17,14 +17,18 @@ export const QnaDetailPage = () => {
const { t } = useTranslation();
const location = useLocation();
const [statusCode, setStatusCode] = useState<string>('');
const [answer, setAnswer] = useState<string>('');
const [answerDate, setAnswerDate] = useState<string>('');
const [contents, setContents] = useState<string>('');
const [corpName, setCorpName] = useState<string | null>('');
const [cursorId, setCursorId] = useState<number>(0);
const [requestDate, setRequestDate] = useState<string>('');
const [requestName, setRequestName] = useState<string>('');
const [requestType, setRequestType] = useState<string>('');
const [answerDate, setAnswerDate] = useState<string>('');
const [sendEmail, setSendEmail] = useState<string>('');
const [seq, setSeq] = useState<string>('');
const [statusCode, setStatusCode] = useState<string>('');
const [title, setTitle] = useState<string>('');
const [contents, setContents] = useState<string>('');
const [answer, setAnswer] = useState<string>('');
useSetHeaderTitle(t('support.qna.title'));
useSetHeaderType(HeaderType.LeftArrow);
@@ -34,14 +38,18 @@ export const QnaDetailPage = () => {
});
useEffect(() => {
setStatusCode(location?.state.statusCode);
setRequestType(location?.state.requestType);
setAnswer(location?.state.answer);
setAnswerDate(location?.state.answerDate);
setContents(location?.state.contents);
setCorpName(location?.state.corpName);
setCursorId(location?.state.cursorId);
setRequestDate(location?.state.requestDate);
setRequestName(location?.state.requestName);
setAnswerDate(location?.state.answerDate);
setRequestType(location?.state.requestType);
setSendEmail(location?.state.sendEmail);
setSeq(location?.state.seq);
setStatusCode(location?.state.statusCode);
setTitle(location?.state.title);
setContents(location?.state.contents);
setAnswer(location?.state.answer);
}, []);
return (
@@ -62,11 +70,11 @@ export const QnaDetailPage = () => {
</div>
<div className="inq-detail__row">
<span className="inq-badge">등록일</span>
<span className="inq-head-text">{ moment(requestDate).format('YYYY.MM.DD') }</span>
<span className="inq-head-text">{ !!requestDate? moment(requestDate).format('YYYY.MM.DD'): '' }</span>
</div>
<div className="inq-detail__row">
<span className="inq-badge">답변일</span>
<span className="inq-head-text">{ moment(answerDate).format('YYYY.MM.DD') }</span>
<span className="inq-head-text">{ !!answerDate? moment(answerDate).format('YYYY.MM.DD'): '' }</span>
</div>
</div>
<div className="inq-detail__divider"></div>

14
src/pages/support/qna/list-page.tsx
View File

@@ -106,16 +106,18 @@ export const QnaListPage = () => {
rs.push(
<SupportQnaItem
key={ `key-support-faq-item-${i}` }
answer={ resultList[i]?.answer }
answerDate={ resultList[i]?.answerDate }
contents={ resultList[i]?.contents }
corpName={ resultList[i]?.corpName }
cursorId={ resultList[i]?.cursorId }
seq={ resultList[i]?.seq }
statusCode={ resultList[i]?.statusCode }
requestType={ resultList[i]?.requestType }
requestDate={ resultList[i]?.requestDate }
requestName={ resultList[i]?.requestName }
answerDate={ resultList[i]?.answerDate }
requestType={ resultList[i]?.requestType }
sendEmail={ resultList[i]?.sendEmail }
seq={ resultList[i]?.seq }
statusCode={ resultList[i]?.statusCode }
title={ resultList[i]?.title }
contents={ resultList[i]?.contents }
answer={ resultList[i]?.answer }
></SupportQnaItem>
);
}