From e657c5e7e6135bb25de40c9077b6512d2d735294 Mon Sep 17 00:00:00 2001 From: Jay Sheen Date: Fri, 31 Oct 2025 13:30:27 +0900 Subject: [PATCH] Localize link-payment-history-filter component MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Added linkPayment filter translation keys to en.json: - phoneNumber, email, success, fail, kakao - merchant, phoneNumberEmail, transactionStatus - sendResult, sendMethod, apply - sendRequest, sendCancel, progressStatus - Localized link-payment-history-filter.tsx: - Filter title and close button alt text - All filter section titles (merchant, phoneNumberEmail, etc.) - Search type options (phone, email) - Transaction status options (all, incomplete/active, deposit request, etc.) - Process result options (all, success, fail) - Send method options (all, SMS, email, kakao) - Apply button text - Added useTranslation hook ๐Ÿค– Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../filter/link-payment-history-filter.tsx | 47 ++++++++++--------- src/locales/en.json | 16 ++++++- 2 files changed, 39 insertions(+), 24 deletions(-) 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",