diff --git a/packages/frontend/src/components/quiz/AnswerCodeBlock/AnswerCodeBlock.tsx b/packages/frontend/src/components/quiz/AnswerCodeBlock/AnswerCodeBlock.tsx deleted file mode 100644 index ba36fb9f..00000000 --- a/packages/frontend/src/components/quiz/AnswerCodeBlock/AnswerCodeBlock.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { toCodeTag } from "../../../utils/mapper"; - -import { answerContainer } from "./AnswerCodeBlock.css"; - -interface AnswerCodeBlockProps { - answer: string[]; -} - -export function AnswerCodeBlock({ answer }: AnswerCodeBlockProps) { - return ( -
- ); -} diff --git a/packages/frontend/src/components/quiz/AnswerCodeBlock/index.ts b/packages/frontend/src/components/quiz/AnswerCodeBlock/index.ts deleted file mode 100644 index 0c6a1a26..00000000 --- a/packages/frontend/src/components/quiz/AnswerCodeBlock/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { AnswerCodeBlock } from "./AnswerCodeBlock"; diff --git a/packages/frontend/src/components/quiz/QuizAnswerModal/QuizAnswerModal.tsx b/packages/frontend/src/components/quiz/QuizAnswerModal/QuizAnswerModal.tsx index 483486d6..e571838b 100644 --- a/packages/frontend/src/components/quiz/QuizAnswerModal/QuizAnswerModal.tsx +++ b/packages/frontend/src/components/quiz/QuizAnswerModal/QuizAnswerModal.tsx @@ -1,5 +1,9 @@ -import { Info, Modal } from "../../../design-system/components/common"; -import { AnswerCodeBlock } from "../AnswerCodeBlock"; +import { + CodeBlock, + Info, + Modal, +} from "../../../design-system/components/common"; +import typography from "../../../design-system/tokens/typography"; import * as styles from "./QuizAnswerModal.css"; @@ -15,7 +19,7 @@ export default function QuizAnswerModal({ return ($1
");
+}
diff --git a/packages/frontend/src/design-system/components/common/CodeBlock/index.ts b/packages/frontend/src/design-system/components/common/CodeBlock/index.ts
new file mode 100644
index 00000000..8633f07d
--- /dev/null
+++ b/packages/frontend/src/design-system/components/common/CodeBlock/index.ts
@@ -0,0 +1 @@
+export { CodeBlock } from "./CodeBlock";
diff --git a/packages/frontend/src/design-system/components/common/index.ts b/packages/frontend/src/design-system/components/common/index.ts
index 1cdf17d3..9115e61d 100644
--- a/packages/frontend/src/design-system/components/common/index.ts
+++ b/packages/frontend/src/design-system/components/common/index.ts
@@ -7,3 +7,4 @@ export { toast, ToastContainer } from "./Toast";
export { Accordion, useAccordion } from "./Accordion";
export { default as Footer } from "./Footer";
export { default as Info } from "./Info";
+export { CodeBlock } from "./CodeBlock";
diff --git a/packages/frontend/src/pages/share/[slug].page.tsx b/packages/frontend/src/pages/share/[slug].page.tsx
index 7da489ce..8d8f9f49 100644
--- a/packages/frontend/src/pages/share/[slug].page.tsx
+++ b/packages/frontend/src/pages/share/[slug].page.tsx
@@ -3,9 +3,14 @@ import { useRouter } from "next/router";
import { useCallback, useEffect, useState } from "react";
import { GetSharedAnswerResponse, quizAPI } from "../../apis/quiz";
-import { AnswerCodeBlock, QuizContent } from "../../components/quiz";
+import { QuizContent } from "../../components/quiz";
import { BROWSWER_PATH } from "../../constants/path";
-import { Button, toast } from "../../design-system/components/common";
+import {
+ Button,
+ CodeBlock,
+ toast,
+} from "../../design-system/components/common";
+import typography from "../../design-system/tokens/typography";
import { isString } from "../../utils/typeGuard";
import * as styles from "./slug.css";
@@ -77,7 +82,10 @@ export default function AnswerSharePage() {