hotfix: fcfs 퀴즈 제출 시 발생한 서버 에러 핸들링

softeerbootcamp4th · Aug 23, 2024 · d03622d · d03622d
1 parent 7178295
commit d03622d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/user/src/components/shared/modal/fcfs/ErrorStep.tsx b/packages/user/src/components/shared/modal/fcfs/ErrorStep.tsx
@@ -31,6 +31,12 @@ export default function ErrorStep({ error, resetErrorBoundary }: FallbackProps)
 					</p>
 				</InfoStep>
 			);
+		case 1234:
+			return (
+				<InfoStep>
+					<p className="text-heading-10 font-medium">퀴즈 제출 중 오류가 발생했어요</p>
+				</InfoStep>
+			);
 		default:
 			return (
 				<InfoStep>

diff --git a/packages/user/src/components/shared/modal/fcfs/QuizStep.tsx b/packages/user/src/components/shared/modal/fcfs/QuizStep.tsx
@@ -3,10 +3,11 @@ import OptionButton from 'src/components/common/OptionButton.tsx';
 import PendingStep from 'src/components/shared/modal/PendingStep.tsx';
 import useGetFCFSQuiz from 'src/hooks/query/useGetFCFSQuiz.ts';
 import useSubmitFCFSQuiz, { SubmitFCFSQuizResponse } from 'src/hooks/query/useSubmitFCFSQuiz.ts';
+import CustomError from 'src/utils/error.ts';
 
 export type ResultStepType = ReturnType<typeof getResultStepFromStatus>;
 interface QuizStepProps {
-	onStepChange: (step: ResultStepType) => void;
+	onStepChange: (step: ResultStepType | '') => void;
 }
 
 export default function QuizStep({ onStepChange }: QuizStepProps) {
@@ -19,7 +20,12 @@ export default function QuizStep({ onStepChange }: QuizStepProps) {
 	const handleSubmit = (answer: number) =>
 		submitAnswer(
 			{ answer },
-			{ onSuccess: (response) => onStepChange(getResultStepFromStatus(response)) },
+			{
+				onSuccess: (response) => onStepChange(getResultStepFromStatus(response)),
+				onError: (error) => {
+					throw new CustomError(error.message, 1234);
+				},
+			},
 		);
 
 	if (isPending) {