feat: frontend view, state management, and user interface

1 files changed, 80 insertions, 0 deletions

diff --git a/src/store/taskStore.ts b/src/store/taskStore.ts
new file mode 100644
index 0000000..dccd17d
--- /dev/null
+++ b/src/store/taskStore.ts
@@ -0,0 +1,80 @@
+import { create } from 'zustand';
+import { invoke } from '@tauri-apps/api/core';
+
+export interface Task {
+  id: string;
+  name: string;
+  total_sessions: number;
+  remaining_sessions: number;
+  completed: boolean;
+  created_at: string;
+}
+
+interface TaskStore {
+  tasks: Task[];
+  loading: boolean;
+  fetchTasks: () => Promise<void>;
+  addTask: (name: string, totalSessions: number) => Promise<void>;
+  updateTask: (id: string, remainingSessions?: number, completed?: boolean) => Promise<void>;
+  deleteTask: (id: string) => Promise<void>;
+  setCurrentTask: (id: string | null) => Promise<void>;
+  refreshTask: (task: Task) => void;
+}
+
+export const useTaskStore = create<TaskStore>((set) => ({
+  tasks: [],
+  loading: false,
+
+  fetchTasks: async () => {
+    set({ loading: true });
+    try {
+      const tasks = await invoke<Task[]>('get_tasks');
+      set({ tasks, loading: false });
+    } catch (e) {
+      console.error('fetchTasks error:', e);
+      set({ loading: false });
+    }
+  },
+
+  addTask: async (name, totalSessions) => {
+    const task = await invoke<Task>('add_task', {
+      name,
+      totalSessions,
+    });
+    set((state) => ({ tasks: [...state.tasks, task] }));
+  },
+
+  updateTask: async (id, remainingSessions, completed) => {
+    await invoke('update_task', {
+      id,
+      remainingSessions: remainingSessions ?? null,
+      completed: completed ?? null,
+    });
+    set((state) => ({
+      tasks: state.tasks.map((t) =>
+        t.id === id
+          ? {
+              ...t,
+              remaining_sessions: remainingSessions ?? t.remaining_sessions,
+              completed: completed ?? t.completed,
+            }
+          : t,
+      ),
+    }));
+  },
+
+  deleteTask: async (id) => {
+    await invoke('delete_task', { id });
+    set((state) => ({ tasks: state.tasks.filter((t) => t.id !== id) }));
+  },
+
+  setCurrentTask: async (id) => {
+    await invoke('set_current_task', { taskId: id });
+  },
+
+  refreshTask: (updatedTask) => {
+    set((state) => ({
+      tasks: state.tasks.map((t) => (t.id === updatedTask.id ? updatedTask : t)),
+    }));
+  },
+}));