From a5152c5a563afbb7bd090e17ce0781350de34b2f Mon Sep 17 00:00:00 2001
From: YuHyun <puh0128@gmail.com>
Date: Mon, 4 Dec 2023 16:02:40 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=A0=95=EB=8B=B5=20=EB=AA=A8=EB=8B=AC?=
 =?UTF-8?q?=20>=20=EB=8B=A4=EC=9D=8C=20=EB=AC=B8=EC=A0=9C=20=ED=92=80?=
 =?UTF-8?q?=EB=9F=AC=EA=B0=80=EA=B8=B0=20=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[#2]
---
 packages/frontend/src/pages/quizzes/[id].page.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/quizzes/[id].page.tsx b/packages/frontend/src/pages/quizzes/[id].page.tsx
index ed9e6dab..9ae3b6cd 100644
--- a/packages/frontend/src/pages/quizzes/[id].page.tsx
+++ b/packages/frontend/src/pages/quizzes/[id].page.tsx
@@ -9,6 +9,7 @@ import EditorInfo from "../../components/editor/EditorInfo";
 import { SolvedModal } from "../../components/quiz";
 import { QuizGuide } from "../../components/quiz/QuizGuide";
 import { Terminal } from "../../components/terminal";
+import { BROWSWER_PATH } from "../../constants/path";
 import { Button, toast } from "../../design-system/components/common";
 import useResizableSplitView from "../../hooks/useResizableSplitView";
 import { useSolvedModal } from "../../hooks/useSolvedModal";
@@ -25,9 +26,10 @@ import { isString } from "../../utils/typeGuard";
 import * as styles from "./quiz.css";
 
 export default function QuizPage({ quiz }: { quiz: Quiz }) {
+  const router = useRouter();
   const {
     query: { id },
-  } = useRouter();
+  } = router;
 
   const solvedModal = useSolvedModal(isString(id) ? +id : -1);
   const [{ terminalMode, editorFile, contentArray }, terminalDispatch] =
@@ -73,6 +75,15 @@ export default function QuizPage({ quiz }: { quiz: Quiz }) {
     }
   };
 
+  const handleNextQuizPage = () => {
+    if (!isString(id)) {
+      return;
+    }
+
+    solvedModal.closeModal();
+    router.push(`${BROWSWER_PATH.QUIZZES}/${+id + 1}`);
+  };
+
   const handleResponseError = (error: unknown) => {
     if (
       isAxiosError(error) &&
@@ -157,7 +168,7 @@ export default function QuizPage({ quiz }: { quiz: Quiz }) {
           link={solvedModal.shareLink}
           lastQuiz={solvedModal.lastQuiz}
           onClose={solvedModal.closeModal}
-          onNextQuiz={console.log}
+          onNextQuiz={handleNextQuizPage}
         />
       )}
     </>