링크결제 발송대기 필터 다국어 지원 추가
- 필터 레이블 및 옵션 현지화 - 휴대폰번호/이메일 검색 타입 번역 - 발송수단 및 진행상태 옵션 다국어 적용 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import moment from 'moment';
|
||||
import { useEffect } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { IMAGE_ROOT } from '@/shared/constants/common';
|
||||
import { motion } from 'framer-motion';
|
||||
import { ChangeEvent, useState } from 'react';
|
||||
@@ -32,7 +33,7 @@ export const LinkPaymentWaitSendFilter = ({
|
||||
setSendMethod,
|
||||
setProcessStatus
|
||||
}: LinkPaymentWaitFilterProps) => {
|
||||
|
||||
const { t } = useTranslation();
|
||||
|
||||
const [filterMid, setFilterMid] = useState<string>(mid);
|
||||
const [filterSearchType, setFilterSearchType] = useState<LinkPaymentSearchCl>(searchCl);
|
||||
@@ -58,21 +59,21 @@ export const LinkPaymentWaitSendFilter = ({
|
||||
};
|
||||
|
||||
let searchTypeOption = [
|
||||
{ name: '휴대폰번호', value: LinkPaymentSearchCl.PHONE },
|
||||
{ name: '이메일', value: LinkPaymentSearchCl.EMAIL },
|
||||
{ name: t('additionalService.linkPay.phoneNumber'), value: LinkPaymentSearchCl.PHONE },
|
||||
{ name: t('common.email'), value: LinkPaymentSearchCl.EMAIL },
|
||||
];
|
||||
|
||||
let sendMethodOption = [
|
||||
{ name: '전체', value: LinkPaymentSendMethod.ALL },
|
||||
{ name: t('additionalService.linkPay.all'), value: LinkPaymentSendMethod.ALL },
|
||||
{ name: 'SMS', value: LinkPaymentSendMethod.SMS },
|
||||
{ name: '이메일', value: LinkPaymentSendMethod.EMAIL },
|
||||
{ name: '카카오', value: LinkPaymentSendMethod.KAKAO },
|
||||
{ name: t('common.email'), value: LinkPaymentSendMethod.EMAIL },
|
||||
{ name: t('common.kakao'), value: LinkPaymentSendMethod.KAKAO },
|
||||
];
|
||||
|
||||
let processStatusOption = [
|
||||
{ name: '전체', value: LinkPaymentProcessStatus.ALL },
|
||||
{ name: '발송요청', value: LinkPaymentProcessStatus.SEND_REQUEST },
|
||||
{ name: '발송취소', value: LinkPaymentProcessStatus.SEND_CANCEL },
|
||||
{ name: t('additionalService.linkPay.all'), value: LinkPaymentProcessStatus.ALL },
|
||||
{ name: t('additionalService.linkPay.sendRequest'), value: LinkPaymentProcessStatus.SEND_REQUEST },
|
||||
{ name: t('additionalService.linkPay.sendCancel'), value: LinkPaymentProcessStatus.SEND_CANCEL },
|
||||
];
|
||||
|
||||
useEffect(() => {
|
||||
@@ -90,7 +91,7 @@ export const LinkPaymentWaitSendFilter = ({
|
||||
>
|
||||
<div className="full-menu-container">
|
||||
<div className="full-menu-header">
|
||||
<div className="full-menu-title center">필터</div>
|
||||
<div className="full-menu-title center">{t('filter.filter')}</div>
|
||||
<div className="full-menu-actions">
|
||||
<FullMenuClose
|
||||
addClass='full-menu-close'
|
||||
@@ -101,13 +102,13 @@ export const LinkPaymentWaitSendFilter = ({
|
||||
|
||||
<div className="option-list pt-16 pb-86">
|
||||
<FilterSelectMid
|
||||
title='가맹점'
|
||||
title={t('filter.merchant')}
|
||||
selectSetter={setFilterMid}
|
||||
showType={'GID'}
|
||||
></FilterSelectMid>
|
||||
|
||||
<FilterSelectInput
|
||||
title='휴대폰번호/이메일'
|
||||
title={t('additionalService.linkPay.phoneNumberEmail')}
|
||||
selectValue={filterSearchType}
|
||||
selectSetter={setFilterSearchType}
|
||||
selectOptions={searchTypeOption}
|
||||
@@ -122,14 +123,14 @@ export const LinkPaymentWaitSendFilter = ({
|
||||
></FilterCalendar>
|
||||
|
||||
<FilterButtonGroups
|
||||
title='발송수단'
|
||||
title={t('additionalService.linkPayment.sendMethodFilter')}
|
||||
activeValue={filterSendMethod}
|
||||
btnGroups={sendMethodOption}
|
||||
setter={setFilterSendMethod}
|
||||
></FilterButtonGroups>
|
||||
|
||||
<FilterButtonGroups
|
||||
title='진행상태'
|
||||
title={t('additionalService.linkPayment.processStatus')}
|
||||
activeValue={filterProcessStatus}
|
||||
btnGroups={processStatusOption}
|
||||
setter={setFilterProcessStatus}
|
||||
@@ -139,7 +140,7 @@ export const LinkPaymentWaitSendFilter = ({
|
||||
<button
|
||||
className="btn-50 btn-blue flex-1"
|
||||
onClick={() => onClickToSetFilter()}
|
||||
>적용</button>
|
||||
>{t('filter.apply')}</button>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
Reference in New Issue
Block a user