feat: Refactor TaskContext and introduce TaskProvider for improved context management

Author: nannany

ui/src/contexts/TaskContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, ReactNode } from "react";
+import React, { createContext, useContext } from "react";
 import { Task, Category } from "@/types/task";
 import { EditingField } from "@/components/task/types";
 
@@ -47,7 +47,9 @@ export interface TaskContextType {
 }
 
 // コンテキストの作成
-const TaskContext = createContext<TaskContextType | undefined>(undefined);
+export const TaskContext = createContext<TaskContextType | undefined>(
+  undefined,
+);
 
 // TaskContextを使用するためのカスタムフック
 export const useTaskContext = (): TaskContextType => {
@@ -57,17 +59,3 @@ export const useTaskContext = (): TaskContextType => {
   }
   return context;
 };
-
-// TaskProviderのプロパティ
-interface TaskProviderProps {
-  children: ReactNode;
-  value: TaskContextType;
-}
-
-// TaskProvider コンポーネント
-export const TaskProvider: React.FC<TaskProviderProps> = ({
-  children,
-  value,
-}) => {
-  return <TaskContext.Provider value={value}>{children}</TaskContext.Provider>;
-};

ui/src/contexts/TaskProvider.tsx

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+import { TaskContext, TaskContextType } from "@/contexts/TaskContext";
+
+// TaskProviderのプロパティ
+interface TaskProviderProps {
+  children: ReactNode;
+  value: TaskContextType;
+}
+
+// TaskProvider コンポーネント
+export const TaskProvider: React.FC<TaskProviderProps> = ({
+  children,
+  value,
+}) => {
+  return <TaskContext.Provider value={value}>{children}</TaskContext.Provider>;
+};

ui/src/pages/TaskList/TaskList.tsx

@@ -42,7 +42,8 @@ import { taskReducer } from "@/reducers/taskReducer";
 import { useTaskEdit } from "@/hooks/useTaskEdit";
 import { useTaskActions } from "@/hooks/useTaskActions";
 import { CurrentTaskFooter } from "@/components/CurrentTaskFooter";
-import { TaskProvider, TaskContextType } from "@/contexts/TaskContext";
+import { TaskContextType } from "@/contexts/TaskContext";
+import { TaskProvider } from "@/contexts/TaskProvider";
 
 const supabase = createClient();