diff --git a/src/app/(auth)/register/page.tsx b/src/app/(auth)/register/page.tsx index 8dc959c..81cb7ae 100644 --- a/src/app/(auth)/register/page.tsx +++ b/src/app/(auth)/register/page.tsx @@ -19,8 +19,11 @@ import { FormControlLabel, FormGroup, Link, + Dialog, + DialogContent, + DialogActions, } from '@mui/material'; -import { ArrowBack, Visibility, VisibilityOff } from '@mui/icons-material'; +import { ArrowBack, Visibility, VisibilityOff, CheckCircle } from '@mui/icons-material'; import { useState, useEffect, Suspense } from 'react'; import { useUIStore } from '@/stores/uiStore'; import { useAuthStore } from '@/stores/authStore'; @@ -90,6 +93,7 @@ function RegisterForm() { const [errors, setErrors] = useState>({}); const [isVerifyingBusinessNumber, setIsVerifyingBusinessNumber] = useState(false); const [isBusinessNumberVerified, setIsBusinessNumberVerified] = useState(false); + const [successDialogOpen, setSuccessDialogOpen] = useState(false); // step 변경 시 URL 업데이트 useEffect(() => { @@ -224,8 +228,7 @@ function RegisterForm() { }; login(mockUser, 'mock-jwt-token'); - showToast('회원가입이 완료되었습니다!', 'success'); - router.push('/'); + setSuccessDialogOpen(true); } catch { showToast('회원가입에 실패했습니다. 다시 시도해주세요.', 'error'); } finally { @@ -233,6 +236,11 @@ function RegisterForm() { } }; + const handleSuccessDialogClose = () => { + setSuccessDialogOpen(false); + router.push('/'); + }; + return ( )} + + {/* 회원가입 완료 다이얼로그 */} + + + + + 회원가입 완료! + + + {formData.name}님, 환영합니다! + + + 이제 KT AI 이벤트 마케팅 서비스를
+ 이용하실 수 있습니다 +
+
+ + + +
); }