diff --git a/src/pages/additional-service/alimtalk/detail-page.tsx b/src/pages/additional-service/alimtalk/detail-page.tsx deleted file mode 100644 index f45132c..0000000 --- a/src/pages/additional-service/alimtalk/detail-page.tsx +++ /dev/null @@ -1,111 +0,0 @@ -import { PATHS } from '@/shared/constants/paths'; -import { useNavigate } from '@/shared/lib/hooks/use-navigate'; -import { HeaderType } from '@/entities/common/model/types'; -import { - useSetHeaderTitle, - useSetHeaderType, - useSetFooterMode, - useSetOnBack -} from '@/widgets/sub-layout/use-sub-layout'; -import { useLocation } from 'react-router'; -import { useEffect, useState } from 'react'; -import { ExtensionAlimtalkDetailParams, ExtensionAlimtalkDetailResponse } from '@/entities/additional-service/model/alimtalk/types'; -import { useExtensionAlimtalkDetailMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-detail-mutation'; -import moment from 'moment'; -import { getAlimtalkAlimClText, getAlimtalkSendClTypeText, getAlimtalkSendTypeText, getAlimtalkServiceCodeText } from '@/entities/additional-service/model/alimtalk/constant'; -import { useTranslation } from 'react-i18next'; - -export const AlimtalkDetailPage = () => { - const { navigate } = useNavigate(); - const { t } = useTranslation(); - const location = useLocation(); - - const tid = location.state.tid; - const mid = location.state.mid; - - const [detail, setDetail] = useState(); - - const { mutateAsync: extensionAlimtalkDetail } = useExtensionAlimtalkDetailMutation(); - - const callDetail = () => { - let params: ExtensionAlimtalkDetailParams = { - mid: mid, - tid: tid - }; - - extensionAlimtalkDetail(params).then((rs: ExtensionAlimtalkDetailResponse) => { - setDetail(rs); - }); - }; - - useSetHeaderTitle(t('additionalService.alimtalk.detailTitle')); - useSetHeaderType(HeaderType.LeftArrow); - useSetFooterMode(false); - useSetOnBack(() => { - navigate(PATHS.additionalService.alimtalk.list); - }); - - useEffect(() => { - callDetail(); - }, []); - - const getDate = (date?: string) => { - return (date)? moment(date, 'YYYYMMDDHHmmss').format('YYYY.MM.DD HH:mm:ss'): ''; - }; - - return ( - <> -
-
-
-
-
- { detail?.receiverName } -
-
{ detail?.companyName }
-
{ getDate(detail?.sendDate) }
-
-
-
-
{t('additionalService.alimtalk.transactionInfo')}
-
    -
  • - MID - { detail?.mid } -
  • -
  • - TID - { detail?.tid } -
  • -
  • - {t('additionalService.alimtalk.serviceName')} - { detail?.extensionServiceName } -
  • -
  • - {t('additionalService.alimtalk.sendKind')} - { getAlimtalkSendTypeText(t)(detail?.sendType) } -
  • -
  • - {t('additionalService.alimtalk.buyerName')} - {detail?.receiverName } -
  • -
  • - {t('additionalService.alimtalk.paymentService')} - { getAlimtalkServiceCodeText(t)(detail?.serviceCode) } -
  • -
  • - {t('additionalService.alimtalk.notificationDivision')} - { getAlimtalkAlimClText(t)(detail?.alimCl) } -
  • -
  • - {t('additionalService.alimtalk.sendDivision')} - { getAlimtalkSendClTypeText(t)(detail?.sendCl) } -
  • -
-
-
-
-
- - ); -}; \ No newline at end of file