diff --git a/src/components/pages/quiz/QuizPlay.tsx b/src/components/pages/quiz/QuizPlay.tsx index d101ef0a..014b038d 100644 --- a/src/components/pages/quiz/QuizPlay.tsx +++ b/src/components/pages/quiz/QuizPlay.tsx @@ -139,7 +139,7 @@ export default function QuizPlay() { handleAnswerOptionClick(data[currentQuiz].wordId, option) } className={clsx( - 'shadow-quiz-button w-[90%] font-medium h-[54px] rounded-[16px] mb-[8px] border-px border-[#F2F4F9]', + 'shadow-quiz-button w-[90%] font-medium h-[56px] rounded-[16px] mb-[8px] border-px border-[#F2F4F9] ring-1 ring-[#F2F4F9]', selectOption === option && (option === data[currentQuiz].correct ? 'bg-quiz-blue text-white' diff --git a/src/components/pages/quiz/QuizResult.tsx b/src/components/pages/quiz/QuizResult.tsx index 6f1faee4..66b1e922 100644 --- a/src/components/pages/quiz/QuizResult.tsx +++ b/src/components/pages/quiz/QuizResult.tsx @@ -4,12 +4,17 @@ import BlackBackSpaceSVG from '@/components/svg-component/BlackBackSpaceSVG'; import QuizScore from './QuizScore'; import QuizResultDetail from './QuizResultDetail'; import type { QuizResultWordData } from '@/fetcher/types'; -import { getQuizResultSharePath, QUIZ_PATH } from '@/routes/path'; +import { + getQuizResultSharePath, + QUIZ_PATH, + WORD_LIST_PATH, +} from '@/routes/path'; import { useRouter } from 'next/navigation'; import ShareButtonSvg from '@/components/svg-component/ShareButtonSvg.tsx'; import useAuthQuery from '@/hooks/query/useAuthQuery.ts'; import { useState } from 'react'; import LoginAlertModal from '@/components/common/LoginAlertModal.tsx'; +import Link from 'next/link'; type Props = { quizResultId: string; @@ -33,7 +38,6 @@ export default function QuizResult({ const isGuest = quizResultId === 'guest'; const handleNeedLogin = () => { - // NOTE: 2초간 로그인 toast UI setIsOpenModal(true); setTimeout(() => { setIsOpenModal(false); @@ -69,7 +73,7 @@ export default function QuizResult({ /> + + + ); diff --git a/src/components/pages/quiz/QuizResultDetail.tsx b/src/components/pages/quiz/QuizResultDetail.tsx index c322dffd..a3714f16 100644 --- a/src/components/pages/quiz/QuizResultDetail.tsx +++ b/src/components/pages/quiz/QuizResultDetail.tsx @@ -42,7 +42,7 @@ export default function QuizResultDetail({
맞았어요 - + 틀렸어요
diff --git a/src/components/pages/quiz/QuizResultDetailWord.tsx b/src/components/pages/quiz/QuizResultDetailWord.tsx index 847e5988..5ff8b356 100644 --- a/src/components/pages/quiz/QuizResultDetailWord.tsx +++ b/src/components/pages/quiz/QuizResultDetailWord.tsx @@ -56,7 +56,7 @@ export default function QuizResultDetailWord({ data, correctWords }: Props) { return (
@@ -64,7 +64,7 @@ export default function QuizResultDetailWord({ data, correctWords }: Props) {
{data.name} diff --git a/src/components/pages/quiz/QuizScore.tsx b/src/components/pages/quiz/QuizScore.tsx index 23517142..7f1264db 100644 --- a/src/components/pages/quiz/QuizScore.tsx +++ b/src/components/pages/quiz/QuizScore.tsx @@ -7,7 +7,8 @@ type Props = { export default function QuizScore({ score, userName }: Props) { return ( -
+
+

@@ -24,7 +25,6 @@ export default function QuizScore({ score, userName }: Props) { {score}점

-
); } diff --git a/src/components/pages/quiz/index.tsx b/src/components/pages/quiz/index.tsx index 69c0448a..c5dae084 100644 --- a/src/components/pages/quiz/index.tsx +++ b/src/components/pages/quiz/index.tsx @@ -28,7 +28,7 @@ export default function Quiz() { } return ( -
+
diff --git a/src/components/svg-component/DefaultProfileIconSvg.tsx b/src/components/svg-component/DefaultProfileIconSvg.tsx index 5d3abcae..52317f39 100644 --- a/src/components/svg-component/DefaultProfileIconSvg.tsx +++ b/src/components/svg-component/DefaultProfileIconSvg.tsx @@ -26,7 +26,7 @@ export default function DefaultProfileIconSvg() { d="M52.4741 48.1904C51.4265 51.3333 47.9087 53.4285 43.5693 53.4285C39.2299 53.4285 35.7122 51.3333 34.6646 48.1904" stroke="white" stroke-width="2.09524" - stroke-linecap="round" + strokeLinecap="round" /> ) { return ( - + ); } diff --git a/src/components/svg-component/ScoreResultSvg.tsx b/src/components/svg-component/ScoreResultSvg.tsx index 4f80f1a9..b4f102b0 100644 --- a/src/components/svg-component/ScoreResultSvg.tsx +++ b/src/components/svg-component/ScoreResultSvg.tsx @@ -2,10 +2,11 @@ export default function ScoreResultSvg() { return ( - +