From b2548f692d48ca7c360a0aa1365f66ec99c9c94a Mon Sep 17 00:00:00 2001
From: YuHyun <puh0128@gmail.com>
Date: Tue, 23 Jan 2024 23:45:11 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20toClassSelector=20=EC=9C=A0?=
 =?UTF-8?q?=ED=8B=B8=20=ED=95=A8=EC=88=98=20=ED=8C=8C=EC=9D=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[#304]
---
 .../src/components/quiz/QuizCoachmark/QuizCoachmark.tsx      | 5 +----
 packages/frontend/src/utils/cssSelector.ts                   | 3 +++
 2 files changed, 4 insertions(+), 4 deletions(-)
 create mode 100644 packages/frontend/src/utils/cssSelector.ts

diff --git a/packages/frontend/src/components/quiz/QuizCoachmark/QuizCoachmark.tsx b/packages/frontend/src/components/quiz/QuizCoachmark/QuizCoachmark.tsx
index 7152f87..294743f 100644
--- a/packages/frontend/src/components/quiz/QuizCoachmark/QuizCoachmark.tsx
+++ b/packages/frontend/src/components/quiz/QuizCoachmark/QuizCoachmark.tsx
@@ -1,5 +1,6 @@
 import { ACTIONS, EVENTS } from "react-joyride";
 
+import { toClassSelector } from "../../../utils/cssSelector";
 import { Coachmark, type CoachmarkProps } from "../../coachmark";
 
 interface QuizCoachmarkProps {
@@ -60,7 +61,3 @@ const STEPS: CoachmarkProps["steps"] = [
     placement: "top",
   },
 ];
-
-function toClassSelector(className: string) {
-  return `.${className}`;
-}
diff --git a/packages/frontend/src/utils/cssSelector.ts b/packages/frontend/src/utils/cssSelector.ts
new file mode 100644
index 0000000..d74ee6f
--- /dev/null
+++ b/packages/frontend/src/utils/cssSelector.ts
@@ -0,0 +1,3 @@
+export function toClassSelector(className: string) {
+  return `.${className}`;
+}