diff --git a/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx b/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx index 48f25ba..ae43b6b 100644 --- a/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx +++ b/src/entities/additional-service/ui/sms-payment/sms-payment-detail-resend.tsx @@ -6,6 +6,7 @@ import { useExtensionSmsResendMutation } from '../../api/sms-payment/use-extensi import { snackBar } from '@/shared/lib'; import { showAlert } from '@/widgets/show-alert'; import { checkGrant } from '@/shared/lib/check-grant'; +import { useState, useEffect } from 'react'; export const SmsPaymentDetailResend = ({ bottomSmsPaymentDetailResendOn, @@ -14,6 +15,7 @@ export const SmsPaymentDetailResend = ({ seq }: SmsPaymentDetailResendProps) => { const { t } = useTranslation(); + const [editableMessage, setEditableMessage] = useState(''); const variants = { hidden: { y: '100%' }, @@ -22,9 +24,14 @@ export const SmsPaymentDetailResend = ({ const { mutateAsync: resendMessage } = useExtensionSmsResendMutation(); + // smsDetailData가 변경되면 editableMessage 업데이트 + useEffect(() => { + setEditableMessage(smsDetailData?.sendMessage || ''); + }, [smsDetailData?.sendMessage]); + const onClickResend = () => { - // sendMessage가 없으면 재발송 불가 - if (!smsDetailData?.sendMessage) { + // editableMessage가 없으면 재발송 불가 + if (!editableMessage || !editableMessage.trim()) { return; } @@ -35,7 +42,7 @@ export const SmsPaymentDetailResend = ({ resendMessage({ seq: seq, - sendMessage: smsDetailData.sendMessage + sendMessage: editableMessage }).then((rs) => { if (rs.status) { snackBar(t('additionalService.sms.sendSuccess')) @@ -90,14 +97,20 @@ export const SmsPaymentDetailResend = ({
{t('additionalService.sms.receiver')} : {smsDetailData?.receiverName || '-'}({smsDetailData?.receiverNumber || '-'})
-

{smsDetailData?.sendMessage || '-'}

+