feat: QuizCoachProvider 컴포넌트 구현

[#304]

packages/frontend/src/contexts/QuizCoachContext/QuizCoachProvider.tsx

@@ -0,0 +1,32 @@
+import { ReactNode, useCallback, useMemo, useState } from "react";
+
+import { QuizCoachActionContext, QuizCoachContext } from "./quizCoachContext";
+
+interface QuizCoachProviderProps {
+  children: ReactNode;
+}
+
+export function QuizCoachProvider({ children }: QuizCoachProviderProps) {
+  const [run, setRun] = useState(false);
+
+  const handleEnd = useCallback(() => {
+    setRun(false);
+  }, []);
+
+  const handleStart = useCallback(() => {
+    setRun(true);
+  }, []);
+
+  const quizCoachActionContextValue = useMemo(
+    () => ({ handleEnd, handleStart }),
+    [handleEnd, handleStart],
+  );
+
+  return (
+    <QuizCoachContext.Provider value={run}>
+      <QuizCoachActionContext.Provider value={quizCoachActionContextValue}>
+        {children}
+      </QuizCoachActionContext.Provider>
+    </QuizCoachContext.Provider>
+  );
+}

packages/frontend/src/contexts/QuizCoachContext/index.ts

@@ -0,0 +1,5 @@
+export {
+  useQuizCoachContext,
+  useQuizCoachActionContext,
+} from "./quizCoachContext";
+export { QuizCoachProvider } from "./QuizCoachProvider";

packages/frontend/src/contexts/QuizCoachContext/quizCoachContext.ts

@@ -0,0 +1,19 @@
+import { createContext, useContext } from "react";
+
+type QuizCoachActionContextType = {
+  handleEnd: () => void;
+  handleStart: () => void;
+};
+
+export const QuizCoachContext = createContext(false);
+export const QuizCoachActionContext = createContext<QuizCoachActionContextType>(
+  {} as QuizCoachActionContextType,
+);
+
+export function useQuizCoachContext() {
+  return useContext(QuizCoachContext);
+}
+
+export function useQuizCoachActionContext() {
+  return useContext(QuizCoachActionContext);
+}