feat: 정답 모달 > 내 답안 보러가기 기능 추가

[#2]
boostcampwm2023 · Dec 4, 2023 · 20454bc · 20454bc
1 parent 13aa3af
commit 20454bc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/packages/frontend/src/hooks/useSolvedModal.ts b/packages/frontend/src/hooks/useSolvedModal.ts
@@ -2,7 +2,9 @@ import { useCallback, useState } from "react";
 
 import useModal from "./useModal";
 
-export function useSolvedModal() {
+const LAST_QUIZ_ID = 19;
+
+export function useSolvedModal(id: number) {
   const [shareLink, setShareLink] = useState("");
   const { modalOpen, openModal, closeModal } = useModal();
 
@@ -15,6 +17,7 @@ export function useSolvedModal() {
   );
 
   return {
+    lastQuiz: id === LAST_QUIZ_ID,
     shareLink,
     modalOpen,
     openModal,

diff --git a/packages/frontend/src/pages/quizzes/[id].page.tsx b/packages/frontend/src/pages/quizzes/[id].page.tsx
@@ -25,14 +25,14 @@ import { isString } from "../../utils/typeGuard";
 import * as styles from "./quiz.css";
 
 export default function QuizPage({ quiz }: { quiz: Quiz }) {
-  const [{ terminalMode, editorFile, contentArray }, terminalDispatch] =
-    useReducer(terminalReducer, initialTerminalState);
-  const solvedModal = useSolvedModal();
-
   const {
     query: { id },
   } = useRouter();
 
+  const solvedModal = useSolvedModal(isString(id) ? +id : -1);
+  const [{ terminalMode, editorFile, contentArray }, terminalDispatch] =
+    useReducer(terminalReducer, initialTerminalState);
+
   const terminalInputRef = useRef<HTMLSpanElement>(null);
 
   const handleTerminal = async (input: string) => {
@@ -155,7 +155,7 @@ export default function QuizPage({ quiz }: { quiz: Quiz }) {
       {solvedModal.modalOpen && (
         <SolvedModal
           link={solvedModal.shareLink}
-          lastQuiz={false}
+          lastQuiz={solvedModal.lastQuiz}
           onClose={solvedModal.closeModal}
           onNextQuiz={console.log}
         />