diff --git a/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx b/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx index c733041..7cc0fb9 100644 --- a/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx +++ b/src/entities/additional-service/ui/link-payment/filter/link-payment-history-filter.tsx @@ -15,6 +15,7 @@ import { FilterMotionDuration, FilterMotionStyle, FilterMotionVariants } from '@ import { useStore } from '@/shared/model/store'; import { LinkPaymentHistoryFilterProps, LinkPaymentPaymentStatus, LinkPaymentSearchCl, LinkPaymentSendMethod, LinkPaymentSendStatus } from '@/entities/additional-service/model/link-pay/types'; import { FilterSelectMid } from '@/shared/ui/filter/select-mid'; +import { useTranslation } from 'react-i18next'; export const LinkPaymentHistoryFilter = ({ filterOn, @@ -36,7 +37,7 @@ export const LinkPaymentHistoryFilter = ({ setSendStatus, setSendMethod }: LinkPaymentHistoryFilterProps) => { - + const { t } = useTranslation(); const [filterMid, setFilterMid] = useState(mid); const [filterSearchCl, setFilterSearchCl] = useState(searchCl); @@ -48,30 +49,30 @@ export const LinkPaymentHistoryFilter = ({ const [filterSendMethod, setFilterSendMethod] = useState(sendMethod); let searchTypeOption = [ - { name: '휴대폰번호', value: LinkPaymentSearchCl.PHONE }, - { name: '이메일', value: LinkPaymentSearchCl.EMAIL }, + { name: t('additionalService.linkPayment.phoneNumber'), value: LinkPaymentSearchCl.PHONE }, + { name: t('additionalService.linkPayment.email'), value: LinkPaymentSearchCl.EMAIL }, ]; let transactionStatusOption = [ - { name: '전체', value: LinkPaymentPaymentStatus.ALL }, - { name: '미완료/활성화', value: LinkPaymentPaymentStatus.ACTIVATE }, - { name: '입금요청', value: LinkPaymentPaymentStatus.DEPOSIT_REQUEST }, - { name: '결제완료', value: LinkPaymentPaymentStatus.PAYMENT_COMPLETE }, - { name: '결제실패', value: LinkPaymentPaymentStatus.PAYMENT_FAIL }, - { name: '결제중단/비활성화', value: LinkPaymentPaymentStatus.INACTIVE }, + { name: t('additionalService.linkPayment.all'), value: LinkPaymentPaymentStatus.ALL }, + { name: t('additionalService.linkPayment.incompleteActive'), value: LinkPaymentPaymentStatus.ACTIVATE }, + { name: t('additionalService.linkPayment.depositRequest'), value: LinkPaymentPaymentStatus.DEPOSIT_REQUEST }, + { name: t('additionalService.linkPayment.paymentComplete'), value: LinkPaymentPaymentStatus.PAYMENT_COMPLETE }, + { name: t('additionalService.linkPayment.paymentFailed'), value: LinkPaymentPaymentStatus.PAYMENT_FAIL }, + { name: t('additionalService.linkPayment.paymentStopped'), value: LinkPaymentPaymentStatus.INACTIVE }, ]; let processResultOption = [ - { name: '전체', value: LinkPaymentSendStatus.ALL }, - { name: '성공', value: LinkPaymentSendStatus.SUCCESS }, - { name: '실패', value: LinkPaymentSendStatus.FAIL }, + { name: t('additionalService.linkPayment.all'), value: LinkPaymentSendStatus.ALL }, + { name: t('additionalService.linkPayment.success'), value: LinkPaymentSendStatus.SUCCESS }, + { name: t('additionalService.linkPayment.fail'), value: LinkPaymentSendStatus.FAIL }, ]; let sendMethodOption = [ - { name: '전체', value: LinkPaymentSendMethod.ALL }, + { name: t('additionalService.linkPayment.all'), value: LinkPaymentSendMethod.ALL }, { name: 'SMS', value: LinkPaymentSendMethod.SMS }, - { name: '이메일', value: LinkPaymentSendMethod.EMAIL }, - { name: '카카오', value: LinkPaymentSendMethod.KAKAO }, + { name: t('additionalService.linkPayment.email'), value: LinkPaymentSendMethod.EMAIL }, + { name: t('additionalService.linkPayment.kakao'), value: LinkPaymentSendMethod.KAKAO }, ]; const onClickToClose = () => { @@ -105,7 +106,7 @@ export const LinkPaymentHistoryFilter = ({ >
-
필터
+
{t('common.filter')}
@@ -122,13 +123,13 @@ export const LinkPaymentHistoryFilter = ({
onClickToSetFilter()} - >적용 + >{t('additionalService.linkPayment.apply')}
diff --git a/src/locales/en.json b/src/locales/en.json index 9da81d5..c3bbeb0 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -1023,7 +1023,21 @@ "paymentFailed": "Payment Failed", "paymentStopped": "Payment Stopped/Inactive", "applyRequest": "Request", - "noData": "No data available" + "noData": "No data available", + "phoneNumber": "Phone Number", + "email": "Email", + "success": "Success", + "fail": "Fail", + "kakao": "Kakao", + "merchant": "Merchant", + "phoneNumberEmail": "Phone Number/Email", + "transactionStatus": "Transaction Status", + "sendResult": "Send Result", + "sendMethod": "Send Method", + "apply": "Apply", + "sendRequest": "Send Request", + "sendCancel": "Send Cancel", + "progressStatus": "Progress Status" }, "keyIn": { "fullCancel": "Full Cancel",