refactor: Coachmark 공통 컴포넌트 폴더로 이동

[#304]
boostcampwm2023 · Feb 3, 2024 · 577395e · 577395e
1 parent 648a759
commit 577395e
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 9 deletions.
diff --git a/packages/frontend/src/components/quiz/QuizCoachmark/QuizCoachmark.tsx b/packages/frontend/src/components/quiz/QuizCoachmark/QuizCoachmark.tsx
@@ -1,7 +1,10 @@
 import { ACTIONS, EVENTS } from "react-joyride";
 
+import {
+  Coachmark,
+  type CoachmarkProps,
+} from "../../../design-system/components/common";
 import { toClassSelector } from "../../../utils/cssSelector";
-import { Coachmark, type CoachmarkProps } from "../../coachmark";
 
 interface QuizCoachmarkProps {
   onTourEnd: () => void;

diff --git a/.../components/coachmark/CoachTooltip.css.ts → ...ents/common/Coachmark/CoachTooltip.css.ts b/.../components/coachmark/CoachTooltip.css.ts → ...ents/common/Coachmark/CoachTooltip.css.ts
@@ -1,11 +1,8 @@
 import { style, styleVariants } from "@vanilla-extract/css";
 
-import color from "../../design-system/tokens/color";
-import typography from "../../design-system/tokens/typography";
-import {
-  borderRadius,
-  flexAlignCenter,
-} from "../../design-system/tokens/utils.css";
+import color from "../../../tokens/color";
+import typography from "../../../tokens/typography";
+import { borderRadius, flexAlignCenter } from "../../../tokens/utils.css";
 
 export const container = style([
   borderRadius,

diff --git a/...src/components/coachmark/CoachTooltip.tsx → ...ponents/common/Coachmark/CoachTooltip.tsx b/...src/components/coachmark/CoachTooltip.tsx → ...ponents/common/Coachmark/CoachTooltip.tsx
diff --git a/...nd/src/components/coachmark/Coachmark.tsx → ...components/common/Coachmark/Coachmark.tsx b/...nd/src/components/coachmark/Coachmark.tsx → ...components/common/Coachmark/Coachmark.tsx
@@ -1,7 +1,7 @@
 import ReactJoyride, { type Props as JoyrideProps } from "react-joyride";
 
-import color from "../../design-system/tokens/color";
-import { coachmarkZIndex } from "../../design-system/tokens/utils.css";
+import color from "../../../tokens/color";
+import { coachmarkZIndex } from "../../../tokens/utils.css";
 
 import { CoachTooltip } from "./CoachTooltip";
 

diff --git a/...rontend/src/components/coachmark/index.ts → ...stem/components/common/Coachmark/index.ts b/...rontend/src/components/coachmark/index.ts → ...stem/components/common/Coachmark/index.ts
diff --git a/packages/frontend/src/design-system/components/common/index.ts b/packages/frontend/src/design-system/components/common/index.ts
@@ -9,3 +9,4 @@ export { default as Footer } from "./Footer";
 export { default as Info } from "./Info";
 export { CodeBlock } from "./CodeBlock";
 export { default as LinkButton } from "./LinkButton";
+export { Coachmark, type CoachmarkProps } from "./Coachmark";