Update error message

Update the error message displayed during sign-up.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 15:52:33 +00:00
parent 348194ccec
commit 55958e9362
5 changed files with 213 additions and 40 deletions

View File

@@ -1,3 +1,4 @@
import React, { useState } from "react";
import { useNavigate } from "react-router-dom";
import { Label } from "@/components/ui/label";
@@ -49,17 +50,26 @@ const RegisterForm: React.FC<RegisterFormProps> = ({
// 서버 연결 상태 재확인
if (!serverStatus.connected) {
const currentStatus = await verifyServerConnection();
setServerStatus({
checked: true,
connected: currentStatus.connected,
message: currentStatus.message
});
if (!currentStatus.connected) {
try {
const currentStatus = await verifyServerConnection();
setServerStatus({
checked: true,
connected: currentStatus.connected,
message: currentStatus.message
});
if (!currentStatus.connected) {
toast({
title: "서버 연결 실패",
description: "서버에 연결할 수 없습니다. 네트워크 또는 서버 상태를 확인하세요.",
variant: "destructive"
});
return;
}
} catch (error: any) {
toast({
title: "서버 연결 실패",
description: "서버 연결할 수 없습니다. 네트워크 또는 서버 상태를 확인하세요.",
title: "연결 확인 오류",
description: error.message || "서버 연결 확인 중 오류가 발생했습니다.",
variant: "destructive"
});
return;
@@ -84,20 +94,79 @@ const RegisterForm: React.FC<RegisterFormProps> = ({
return;
}
// 비밀번호 강도 검사
if (password.length < 8) {
toast({
title: "비밀번호 강도 부족",
description: "비밀번호는 최소 8자 이상이어야 합니다.",
variant: "destructive",
});
return;
}
// 이메일 형식 검사
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailPattern.test(email)) {
toast({
title: "이메일 형식 오류",
description: "유효한 이메일 주소를 입력해주세요.",
variant: "destructive",
});
return;
}
setIsLoading(true);
try {
// 회원가입 시도
const { error, user } = await signUp(email, password, username);
if (error) {
// 오류 메시지 출력
setRegisterError(error.message || '알 수 없는 오류가 발생했습니다.');
// 네트워크 관련 오류인 경우 자세한 안내
if (error.message && (
error.message.includes('fetch') ||
error.message.includes('네트워크') ||
error.message.includes('CORS'))) {
toast({
title: "네트워크 오류",
description: "서버에 연결할 수 없습니다. 설정에서 CORS 프록시가 활성화되어 있는지 확인하세요.",
variant: "destructive"
});
}
// 서버 응답 관련 오류인 경우
else if (error.message && (
error.message.includes('400') ||
error.message.includes('401') ||
error.message.includes('403') ||
error.message.includes('500'))) {
toast({
title: "서버 응답 오류",
description: error.message,
variant: "destructive"
});
}
} else if (user) {
// 회원가입 성공 시 로그인 페이지로 이동
// 회원가입 성공
toast({
title: "회원가입 성공",
description: "회원가입이 완료되었습니다. 로그인 페이지로 이동합니다.",
});
// 로그인 페이지로 이동
navigate("/login");
}
} catch (error: any) {
console.error("회원가입 처리 중 예외 발생:", error);
setRegisterError(error.message || '예상치 못한 오류가 발생했습니다.');
toast({
title: "회원가입 오류",
description: error.message || "회원가입 처리 중 오류가 발생했습니다.",
variant: "destructive"
});
} finally {
setIsLoading(false);
}
@@ -157,6 +226,9 @@ const RegisterForm: React.FC<RegisterFormProps> = ({
{showPassword ? <EyeOff className="h-5 w-5" /> : <Eye className="h-5 w-5" />}
</button>
</div>
{password && password.length > 0 && password.length < 8 && (
<p className="text-xs text-red-500 mt-1"> 8 .</p>
)}
</div>
<div className="space-y-2">
@@ -172,6 +244,9 @@ const RegisterForm: React.FC<RegisterFormProps> = ({
className="pl-10 neuro-pressed"
/>
</div>
{confirmPassword && password !== confirmPassword && (
<p className="text-xs text-red-500 mt-1"> .</p>
)}
</div>
<Button