diff --git a/packages/frontend/src/hooks/useSolvedModal.ts b/packages/frontend/src/hooks/useSolvedModal.ts index c481cc9e..f01ffb75 100644 --- 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 index 63cdcc4d..ed9e6dab 100644 --- 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(null); const handleTerminal = async (input: string) => { @@ -155,7 +155,7 @@ export default function QuizPage({ quiz }: { quiz: Quiz }) { {solvedModal.modalOpen && (