diff --git a/app/components/PurchaseAgreementModal.tsx b/app/components/PurchaseAgreementModal.tsx index 77ccfc9..3225609 100644 --- a/app/components/PurchaseAgreementModal.tsx +++ b/app/components/PurchaseAgreementModal.tsx @@ -29,6 +29,7 @@ export default function PurchaseAgreementModal({ bankInfo = DEFAULT_BANK, }: Props) { const [agreed, setAgreed] = useState(false); + const [name, setName] = useState(''); const [email, setEmail] = useState(''); const [sent, setSent] = useState(false); const [loading, setLoading] = useState(false); @@ -36,6 +37,7 @@ export default function PurchaseAgreementModal({ useEffect(() => { if (!isOpen) { setAgreed(false); + setName(''); setEmail(''); setSent(false); } @@ -44,7 +46,7 @@ export default function PurchaseAgreementModal({ if (!isOpen) return null; const handleSubmit = async () => { - if (!agreed || !email) return; + if (!agreed || !email || !name.trim()) return; setLoading(true); try { await fetch('/api/contact', { @@ -52,10 +54,10 @@ export default function PurchaseAgreementModal({ headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ service: `구매 신청: ${productName}`, - name: email.split('@')[0], + name: name.trim(), email, phone: '', - message: `상품: ${productName} (${price})\n입금 대기 중. 입금 확인 후 이메일로 상품 전달 예정.`, + message: `상품: ${productName} (${price})\n입금자명: ${name.trim()}\n입금 대기 중. 입금 확인 후 이메일로 상품 전달 예정.`, }), }); setSent(true); @@ -103,6 +105,19 @@ export default function PurchaseAgreementModal({ ) : (