링크결제 Step1: 언어별 날짜 표시 순서 개선

- 영문(en)일 때: "Until" + 날짜 선택
- 한글(ko)일 때: 날짜 선택 + "까지"
- i18n.language 기반 조건부 렌더링 적용

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-11-03 16:13:53 +09:00
parent d771eda824
commit 5cb07cfe8e

View File

@@ -14,9 +14,10 @@ interface LinkPaymentStep1Props {
}
export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Props) => {
const { t } = useTranslation();
const { t, i18n } = useTranslation();
const { navigate } = useNavigate();
const midOptionsWithoutGids = useStore.getState().UserStore.selectOptionsMidsWithoutGids;
const isEnglish = i18n.language === 'en';
useSetOnBack(() => {
navigate(PATHS.additionalService.linkPayment.shippingHistory);
@@ -137,13 +138,14 @@ export const LinkPaymentStep1 = ({ formData, setFormData }: LinkPaymentStep1Prop
<div className="issue-label">{t('additionalService.linkPayment.paymentValidDate')}</div>
<div className="issue-field">
<div className="link-apply-date">
{isEnglish && <span>{t('additionalService.linkPayment.until')}</span>}
<SingleDatePicker
date={formData.paymentLimitDate}
setDate={handleDateChange}
placeholder={t('additionalService.linkPayment.selectDate')}
minDate={new Date()}
/>
<span>{t('additionalService.linkPayment.until')}</span>
{!isEnglish && <span>{t('additionalService.linkPayment.until')}</span>}
</div>
</div>
</div>