From 86c5421c21510056c542aba40063be338800c602 Mon Sep 17 00:00:00 2001 From: HyeonJongKim Date: Tue, 4 Nov 2025 10:31:03 +0900 Subject: [PATCH] Refactor additional service pages and add localization MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ARS 페이지 컴포넌트 분리 및 리팩토링 - SMS 재전송 성공/실패 snackBar 추가 - 부가서비스 페이지 다국어(i18n) 적용 - 계좌명의인증 리스트 UI 개선 - 라우트 경로 상수 정리 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../model/account-holder-auth/types.ts | 6 +- .../additional-service/model/ars/types.ts | 14 +- .../model/sms-payment/types.ts | 1 - .../additional-service/model/types.ts | 4 +- .../account-holder-auth-list.tsx | 2 +- .../additional-service/ui/ars/ars-list.tsx | 68 +++++++ .../ui/ars/detail/ars-detail.tsx | 187 ++++++++++++++++++ .../additional-service/ui/list-item.tsx | 26 +-- .../account-holder-auth-page.tsx | 4 +- .../additional-service-pages.tsx | 1 - .../additional-service/ars/list-page.tsx | 123 +++++------- .../sms-payment/sms-payment-page.tsx | 9 - src/shared/constants/paths.ts | 4 - src/shared/constants/route-names.ts | 1 - 14 files changed, 339 insertions(+), 111 deletions(-) create mode 100644 src/entities/additional-service/ui/ars/ars-list.tsx create mode 100644 src/entities/additional-service/ui/ars/detail/ars-detail.tsx diff --git a/src/entities/additional-service/model/account-holder-auth/types.ts b/src/entities/additional-service/model/account-holder-auth/types.ts index 60bb213..2b12d23 100644 --- a/src/entities/additional-service/model/account-holder-auth/types.ts +++ b/src/entities/additional-service/model/account-holder-auth/types.ts @@ -25,7 +25,7 @@ export interface AccountHolderAuthListItem { } export interface AccountHolderAuthListProps { additionalServiceCategory: AdditionalServiceCategory; - listItems: Array; + listItems: Array; mid: string; } export interface AccountHolderAuthFilterProps extends FilterProps { @@ -50,10 +50,10 @@ export interface ExtensionAccountHolderAuthListParams { } export interface ExtensionAccountHolderAuthListResponse extends DefaulResponsePagination { - content: Array + content: Array } -export interface ExtensionAccountHolderAuthContentItem { +export interface AccountHolderAuthItem { tid?: string; accountName?: string; accountNo?: string; diff --git a/src/entities/additional-service/model/ars/types.ts b/src/entities/additional-service/model/ars/types.ts index 9134ebd..f5a363a 100644 --- a/src/entities/additional-service/model/ars/types.ts +++ b/src/entities/additional-service/model/ars/types.ts @@ -2,6 +2,7 @@ import { DefaulResponsePagination, DefaultRequestPagination } from '@/entities/common/model/types'; +import { AdditionalServiceCategory, DetailData, ListItemProps } from '../types'; export enum PaymentStatus { ALL = '', @@ -19,6 +20,14 @@ export enum ArsPaymentMethod { SMS = 'SMS', ARS = 'ARS' }; + +export interface ArsListProps { + additionalServiceCategory: AdditionalServiceCategory; + listItems: Array; + mid: string; + setDetailData: (detailData: DetailData) => void; +} + export interface ExtensionArsResendParams { mid: string; tid: string; @@ -47,7 +56,8 @@ export interface ExtensionArsListParams { maxAmount?: number; page?: DefaultRequestPagination; }; -export interface ArsListContent { + +export interface ArsListItem { tid?: string; orderDate?: string; orderTime?: string; @@ -59,7 +69,7 @@ export interface ArsListContent { statusColor?: string; }; export interface ExtensionArsListResponse extends DefaulResponsePagination { - content: Array; + content: Array; }; export interface ExtensionArsDownloadExcelParams { mid?: string; diff --git a/src/entities/additional-service/model/sms-payment/types.ts b/src/entities/additional-service/model/sms-payment/types.ts index e8aef02..5b7f564 100644 --- a/src/entities/additional-service/model/sms-payment/types.ts +++ b/src/entities/additional-service/model/sms-payment/types.ts @@ -29,7 +29,6 @@ export interface SmsPaymentListProps { additionalServiceCategory: AdditionalServiceCategory; mid: string; onResendClick?: (mid: string, tid: string) => void; - setDetailData: (detailData: DetailData) => void; } export interface SmsPaymentFilterProps extends FilterProps { diff --git a/src/entities/additional-service/model/types.ts b/src/entities/additional-service/model/types.ts index 37b02db..4044056 100644 --- a/src/entities/additional-service/model/types.ts +++ b/src/entities/additional-service/model/types.ts @@ -1,7 +1,7 @@ import { DefaulResponsePagination, DefaultRequestPagination } from '@/entities/common/model/types'; import { PayoutListItem } from './payout/types'; import { FundAccountTransferContentItem, FundAccountResultContentItem } from './fund-account/types'; -import { ArsListContent } from './ars/types'; +import { ArsListItem } from './ars/types'; import { AlimtalkListContent } from './alimtalk/types'; import { SmsPaymentListItem } from './sms-payment/types'; import type { ExtensionSmsDetailResponse } from './sms-payment/types'; @@ -186,7 +186,7 @@ export interface SettlementAgencyBottomAgreeProps { // ======================================== export interface ListItemProps extends - ArsListContent, AccountHolderSearchListItem, PayoutListItem, LinkPaymentHistoryListItem, LinkPaymentWaitListItem, + ArsListItem, AccountHolderSearchListItem, PayoutListItem, LinkPaymentHistoryListItem, LinkPaymentWaitListItem, FundAccountResultContentItem, FundAccountTransferContentItem, KeyInPaymentListItem, SmsPaymentListItem, AlimtalkListContent, AccountHolderAuthListItem, AccountHolderSearchListItem, FaceAuthListItem { additionalServiceCategory?: AdditionalServiceCategory; diff --git a/src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx b/src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx index 1d19d4e..5265f33 100644 --- a/src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx +++ b/src/entities/additional-service/ui/account-holder-auth/account-holder-auth-list.tsx @@ -1,6 +1,6 @@ import { ListDateGroup } from '../list-date-group'; import { AdditionalServiceCategory } from '../../model/types'; -import { AccountHolderAuthListProps, ExtensionAccountHolderAuthContentItem } from '../../model/account-holder-auth/types'; +import { AccountHolderAuthListProps, AccountHolderAuthItem } from '../../model/account-holder-auth/types'; import { JSX } from 'react'; export const AccountHolderAuthList = ({ diff --git a/src/entities/additional-service/ui/ars/ars-list.tsx b/src/entities/additional-service/ui/ars/ars-list.tsx new file mode 100644 index 0000000..5d98345 --- /dev/null +++ b/src/entities/additional-service/ui/ars/ars-list.tsx @@ -0,0 +1,68 @@ +import { ArsListProps } from "../../model/ars/types"; +import { AdditionalServiceCategory, ListItemProps } from "../../model/types"; +import { ListDateGroup } from "../list-date-group"; + +export const ArsList = ({ + additionalServiceCategory, + listItems, + mid, + setDetailData +}: ArsListProps) => { + + const getListDateGroup = () => { + let rs = []; + let date = ''; + let list: Array = []; + for (let i = 0; i < listItems.length; i++) { + let item = listItems[i]; + if (!!item) { + let orderDate = item?.orderDate || ''; + let itemDate = orderDate.substring(0, 8); + if (!!itemDate) { + if (i === 0) { + date = itemDate; + } + if (date !== itemDate) { + if (list.length > 0) { + rs.push( + + ); + } + date = itemDate; + list = []; + } + list.push(item); + } + } + } + if (list.length > 0) { + rs.push( + + ); + } + return rs; + }; + + return ( + <> +
+ {getListDateGroup()} +
+ + ) + +} \ No newline at end of file diff --git a/src/entities/additional-service/ui/ars/detail/ars-detail.tsx b/src/entities/additional-service/ui/ars/detail/ars-detail.tsx new file mode 100644 index 0000000..801d9b3 --- /dev/null +++ b/src/entities/additional-service/ui/ars/detail/ars-detail.tsx @@ -0,0 +1,187 @@ +import moment from 'moment'; +import { motion } from 'framer-motion'; +import { DetailMotionDuration, DetailMotionStyle, DetailMotionVariants } from '@/entities/common/model/constant'; +import { useEffect, useState } from 'react'; +import { getArsOrderStatusName, getArsPaymentStatusName } from '@/entities/additional-service/model/ars/constant'; +import { ArsPaymentMethod, ExtensionArsDetailParams, ExtensionArsDetailResponse, ExtensionArsResendParams, ExtensionArsResendResponse } from "@/entities/additional-service/model/ars/types"; +import { useTranslation } from "react-i18next"; +import { FullMenuClose } from '@/entities/common/ui/full-menu-close'; +import { useExtensionArsDetailMutation } from '@/entities/additional-service/api/ars/use-extension-ars-detail-mutation'; +import { useExtensionArsResendMutation } from '@/entities/additional-service/api/ars/use-extension-ars-resend-mutation'; +import { snackBar } from '@/shared/lib'; +import { ArsResendSmsBottomSheet } from '../resend-sms-bottom-sheet'; + +export interface ArsDetailProps { + detailOn: boolean; + setDetailOn: (detailOn: boolean) => void; + mid: string; + tid: string; +}; + +export const ArsDetail = ({ + detailOn, + setDetailOn, + mid, + tid +}: ArsDetailProps) => { + const { t } = useTranslation(); + + const [detail, setDetail] = useState(); + const [bottomSheetOn, setBottomSheetOn] = useState(false); + + const { mutateAsync: extensionArsDetail } = useExtensionArsDetailMutation(); + const { mutateAsync: extensionArsResend } = useExtensionArsResendMutation(); + + const callDetail = () => { + let arsDetailParams: ExtensionArsDetailParams = { + mid: mid, + tid: tid + }; + extensionArsDetail(arsDetailParams).then((rs: ExtensionArsDetailResponse) => { + setDetail(rs); + }); + } + + const arsResend = () => { + let arsResendParams: ExtensionArsResendParams = { + mid: mid, + tid: tid + }; + extensionArsResend(arsResendParams).then((rs: ExtensionArsResendResponse) => { + if (rs.status) { + snackBar("SMS 재전송을 성공하였습니다."); + setBottomSheetOn(false); + callDetail(); // 상세 정보 갱신 + } else { + const errorMessage = rs.error?.message || 'SMS 재전송이 실패하였습니다.'; + snackBar(`[실패] ${errorMessage}`); + } + }).catch((error) => { + const errorMessage = error?.response?.data?.error?.message || + error?.message || + 'SMS 재전송 중 오류가 발생했습니다.'; + snackBar(`[실패] ${errorMessage}`); + }); + } + + const onClickToOpenResendBottomSheet = () => { + setBottomSheetOn(true); + }; + const onClickToClose = () => { + setDetailOn(false); + }; + + const getDate = (date?: string) => { + return (date) ? moment(date.substr(0, 8)).format('YYYY.MM.DD') : ''; + }; + + useEffect(() => { + if (!!mid && !!tid) { + callDetail(); + } + }, [mid, tid]); + + return ( + <> + +
+
+
{'ARS 결제 상세'}
+
+ +
+
+
+
+
+ + {t('home.money', { value: new Intl.NumberFormat('en-US').format(Number(detail?.amount) || 0) })} + +
+
{detail?.corpName}
+
{getDate(detail?.paymentDate)}
+
+
+
+
거래 정보
+
    +
  • + MID + {detail?.mid} +
    • +
  • + 결제방식 + {detail?.arsPaymentMethod} +
    • +
  • + 결제상태 + {getArsPaymentStatusName(t)(detail?.paymentStatus)} +
    • +
  • + 주문상태 + {getArsOrderStatusName(t)(detail?.orderStatus)} +
    • +
  • + 주문일시 + { + detail?.paymentDate ? moment(detail.paymentDate, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss') : '-' + } +
    • +
  • + 상품명 + {detail?.goodsName} +
    • +
  • + 주문번호 + {detail?.tid} +
    • +
  • + 구매자 + {detail?.buyerName} +
    • +
  • + 휴대폰번호 + {detail?.maskPhoneNumber} +
    • +
  • + 이메일 + {detail?.email} +
    • +
  • + 발송 인증번호 + {detail?.smsVerificationCode} +
    • +
+
+ {detail?.arsPaymentMethod === ArsPaymentMethod.SMS && ( +
+ +
+ )} +
+
+ + + + ) + +} \ No newline at end of file diff --git a/src/entities/additional-service/ui/list-item.tsx b/src/entities/additional-service/ui/list-item.tsx index 269272c..1f30235 100644 --- a/src/entities/additional-service/ui/list-item.tsx +++ b/src/entities/additional-service/ui/list-item.tsx @@ -18,11 +18,11 @@ import { getPayoutStatusText } from '../model/payout/constant'; export const ListItem = ({ additionalServiceCategory, mid, tid, orderDate, paymentStatus, - orderTime,buyerPhoneLast4,statusColor, + orderTime, buyerPhoneLast4, statusColor, applicationDate, requestDate, bankName, accountNo, resultStatus, resultMessage, amount, sendMethod, processStatus, registDate, - transactionTime,transactionCode,transactionType, - accountName,submallId, settlementDate, companyName,orderStatus, + transactionTime, transactionCode, transactionType, + accountName, submallId, settlementDate, companyName, orderStatus, alimCl, sendType, sendCl, paymentMethod, receiverName, @@ -170,14 +170,14 @@ export const ListItem = ({ }) } else if (additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch) { - if(setDetailData && !!mid && !!tid){ + if (setDetailData && !!mid && !!tid) { setDetailData({ mid: mid, tid: tid, detailOn: true }); } - + } else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory) { navigate(PATHS.additionalService.linkPayment.detail, { @@ -230,13 +230,13 @@ export const ListItem = ({ }); } else if (additionalServiceCategory === AdditionalServiceCategory.Ars) { - navigate(PATHS.additionalService.ars.detail, { - state: { - additionalServiceCategory: additionalServiceCategory, + if (setDetailData && !!mid && !!tid) { + setDetailData({ mid: mid, - tid: tid - } - }); + tid: tid, + detailOn: true + }); + } } else if (additionalServiceCategory === AdditionalServiceCategory.Alimtalk) { navigate(PATHS.additionalService.alimtalk.detail, { @@ -349,7 +349,7 @@ export const ListItem = ({ else if (additionalServiceCategory === AdditionalServiceCategory.FaceAuth) { str = `${userMallId}(${mid})`; } - else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory + else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentHistory ) { str = `${buyerName}`; } else if (additionalServiceCategory === AdditionalServiceCategory.LinkPaymentWait) { @@ -369,7 +369,7 @@ export const ListItem = ({ } else { str = `${buyerName}` } - + } else if (additionalServiceCategory === AdditionalServiceCategory.Ars) { str = `${buyerName}(${tid})`; diff --git a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx index 9816794..0c4f82f 100644 --- a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx +++ b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx @@ -20,7 +20,7 @@ import { useTranslation } from 'react-i18next'; import { useExtensionAccountHolderAuthDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation'; import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter'; import { useStore } from '@/shared/model/store'; -import { AccountHolderAuthListItem, AccountHolderAuthStatus, ExtensionAccountHolderAuthContentItem, ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '@/entities/additional-service/model/account-holder-auth/types'; +import { AccountHolderAuthListItem, AccountHolderAuthStatus, AccountHolderAuthItem, ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '@/entities/additional-service/model/account-holder-auth/types'; import { AdditionalServiceCategory } from '@/entities/additional-service/model/types'; import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check'; @@ -39,7 +39,7 @@ export const AccountHolderAuthPage = () => { const [onActionIntersect, setOnActionIntersect] = useState(false); const [sortType, setSortType] = useState(SortTypeKeys.LATEST); - const [listItems, setListItems] = useState>([]); + const [listItems, setListItems] = useState>([]); const [filterOn, setFilterOn] = useState(false); const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM); const [mid, setMid] = useState(userMid); diff --git a/src/pages/additional-service/additional-service-pages.tsx b/src/pages/additional-service/additional-service-pages.tsx index 3e7fd5e..4cf42c7 100644 --- a/src/pages/additional-service/additional-service-pages.tsx +++ b/src/pages/additional-service/additional-service-pages.tsx @@ -48,7 +48,6 @@ export const AdditionalServicePages = () => { } /> } /> - } /> } /> diff --git a/src/pages/additional-service/ars/list-page.tsx b/src/pages/additional-service/ars/list-page.tsx index dc21d10..6293e6c 100644 --- a/src/pages/additional-service/ars/list-page.tsx +++ b/src/pages/additional-service/ars/list-page.tsx @@ -10,12 +10,12 @@ import { } from '@/widgets/sub-layout/use-sub-layout'; import { JSX, useEffect, useState } from 'react'; import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant'; -import { ArsListContent, ExtensionArsDownloadExcelParams, ExtensionArsDownloadExcelResponse, ExtensionArsListParams, ExtensionArsListResponse, OrderStatus, PaymentStatus } from '@/entities/additional-service/model/ars/types'; +import { ArsListItem, ExtensionArsDownloadExcelParams, ExtensionArsDownloadExcelResponse, ExtensionArsListParams, ExtensionArsListResponse, OrderStatus, PaymentStatus } from '@/entities/additional-service/model/ars/types'; import { useExtensionArsListMutation } from '@/entities/additional-service/api/ars/use-extension-ars-list-mutation'; import moment from 'moment'; import { useExtensionArsDownloadExcelMutation } from '@/entities/additional-service/api/ars/use-extension-ars-download-excel-mutation'; import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group'; -import { AdditionalServiceCategory } from '@/entities/additional-service/model/types'; +import { AdditionalServiceCategory, DetailData } from '@/entities/additional-service/model/types'; import { SortTypeBox } from '@/entities/common/ui/sort-type-box'; import { getArsPaymentStatusBtnGroup } from '@/entities/additional-service/model/ars/constant'; import { ArsFilter } from '@/entities/additional-service/ui/filter/ars-filter'; @@ -24,6 +24,8 @@ import { useStore } from '@/shared/model/store'; import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check'; import useIntersectionObserver from '@/widgets/intersection-observer'; +import { ArsList } from '@/entities/additional-service/ui/ars/ars-list'; +import { ArsDetail } from '@/entities/additional-service/ui/ars/detail/ars-detail'; export const ArsListPage = () => { const { navigate } = useNavigate(); @@ -38,7 +40,7 @@ export const ArsListPage = () => { const [onActionIntersect, setOnActionIntersect] = useState(false); const [sortType, setSortType] = useState(SortTypeKeys.LATEST); - const [listItems, setListItems] = useState>([]); + const [listItems, setListItems] = useState>([]); const [filterOn, setFilterOn] = useState(false); const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM); const [mid, setMid] = useState(userMid); @@ -51,22 +53,26 @@ export const ArsListPage = () => { const [maxAmount, setMaxAmount] = useState(); const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + const [detailOn, setDetailOn] = useState(false); + const [detailMid, setDetailMid] = useState(''); + const [detailTid, setDetailTid] = useState(''); + const { mutateAsync: extensionArsList } = useExtensionArsListMutation(); const { mutateAsync: extensionArsDownloadExcel } = useExtensionArsDownloadExcelMutation(); const onIntersect: IntersectionObserverCallback = (entries: Array) => { entries.forEach((entry: IntersectionObserverEntry) => { - if(entry.isIntersecting){ - if(onActionIntersect && !!pageParam.cursor){ + if (entry.isIntersecting) { + if (onActionIntersect && !!pageParam.cursor) { setOnActionIntersect(false); callList('page'); - } + } } }); }; - const { setTarget } = useIntersectionObserver({ - threshold: 1, - onIntersect + const { setTarget } = useIntersectionObserver({ + threshold: 1, + onIntersect }); useSetHeaderTitle(t('additionalService.ars.title')); @@ -88,41 +94,41 @@ export const ArsListPage = () => { minAmount: minAmount, maxAmount: maxAmount, page: { - ...pageParam, - ...{ sortType: sortType } - } + ...pageParam, + ...{ sortType: sortType } + } }; - if(type !== 'page' && listParams.page){ + if (type !== 'page' && listParams.page) { listParams.page.cursor = null; } - + extensionArsList(listParams).then((rs: ExtensionArsListResponse) => { - if(type === 'page'){ + if (type === 'page') { setListItems([ ...listItems, ...rs.content ]); } - else{ + else { setListItems(rs.content); } - if(rs.hasNext + if (rs.hasNext && rs.nextCursor !== pageParam.cursor && rs.content.length === DEFAULT_PAGE_PARAM.size - ){ + ) { setPageParam({ ...pageParam, ...{ cursor: rs.nextCursor } }); } - else{ + else { setPageParam({ ...pageParam, ...{ cursor: null } }); } setOnActionIntersect( - !!rs.hasNext + !!rs.hasNext && rs.nextCursor !== pageParam.cursor && rs.content.length === DEFAULT_PAGE_PARAM.size ); @@ -153,6 +159,16 @@ export const ArsListPage = () => { setEmailBottomSheetOn(false); }; + const setDetailData = (detailData: DetailData) => { + setDetailOn(detailData.detailOn); + if (detailData.mid) { + setDetailMid(detailData.mid); + } + if (detailData.tid) { + setDetailTid(detailData.tid); + } + }; + const onClickToNavigate = () => { navigate(PATHS.additionalService.ars.request, { state: { mid } @@ -182,52 +198,6 @@ export const ArsListPage = () => { sortType ]); - const getListDateGroup = () => { - let rs = []; - let date = ''; - let list = []; - for (let i = 0; i < listItems.length; i++) { - let item = listItems[i]; - if (!!item) { - let orderDate = item?.orderDate || ''; - let itemDate = orderDate.substring(0, 8); - if (!!itemDate) { - if (i === 0) { - date = itemDate; - } - if (date !== itemDate) { - date = itemDate; - if (list.length > 0) { - rs.push( - - ); - } - list = []; - } - list.push(item); - } - } - } - if (list.length > 0) { - rs.push( - - ); - } - return rs; - } - // if (!hasAccess) { // return ; // } @@ -270,7 +240,7 @@ export const ArsListPage = () => { -
+
{ }
-
+ -
- { getListDateGroup() } -
-
+ +
@@ -323,6 +296,12 @@ export const ArsListPage = () => { setMinAmount={setMinAmount} setMaxAmount={setMaxAmount} > + { setBottomSmsPaymentDetailResendOn(true); }; - const setDetailData = (detailData: DetailData) => { - setDetailOn(detailData.detailOn); - setDetailTid(detailData.tid); - if (detailData?.serviceCode) { - setDetailServiceCode(detailData?.serviceCode); - } - }; - useEffect(() => { callList(); }, [ @@ -238,7 +230,6 @@ export const SmsPaymentPage = () => { additionalServiceCategory={AdditionalServiceCategory.SMSPayment} mid={mid} onResendClick={onClickToShowDetail} - setDetailData={setDetailData} >
diff --git a/src/shared/constants/paths.ts b/src/shared/constants/paths.ts index 68921ad..20e4243 100644 --- a/src/shared/constants/paths.ts +++ b/src/shared/constants/paths.ts @@ -125,10 +125,6 @@ export const PATHS: RouteNamesType = { `${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.ars.base}`, ROUTE_NAMES.additionalService.ars.list, ), - detail: generatePath( - `${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.ars.base}`, - ROUTE_NAMES.additionalService.ars.detail, - ), request: generatePath( `${ROUTE_NAMES.additionalService.base}${ROUTE_NAMES.additionalService.ars.base}`, ROUTE_NAMES.additionalService.ars.request, diff --git a/src/shared/constants/route-names.ts b/src/shared/constants/route-names.ts index 720c442..4015df0 100644 --- a/src/shared/constants/route-names.ts +++ b/src/shared/constants/route-names.ts @@ -65,7 +65,6 @@ export const ROUTE_NAMES = { ars: { base: '/ars/*', list: 'list', - detail: 'detail', request: 'request', requestSuccess: 'request-success', },