fixed jazz things

web/components/routes/task/TaskForm.tsx

@@ -1,25 +1,30 @@
 "use client"
 import { useState, useEffect, useRef } from "react"
 import { motion, AnimatePresence } from "framer-motion"
-import { Task } from "@/lib/schema/tasks"
+import { ListOfTasks, Task } from "@/lib/schema/tasks"
 import { Input } from "@/components/ui/input"
 import { Button } from "@/components/ui/button"
 import { useAccount } from "@/lib/providers/jazz-provider"
 import { LaIcon } from "@/components/custom/la-icon"
 
-interface TaskFormProps {
-	onAddTask: (task: Task) => void
-}
+interface TaskFormProps {}
 
-export const TaskForm: React.FC<TaskFormProps> = ({ onAddTask }) => {
+export const TaskForm: React.FC<TaskFormProps> = ({}) => {
 	const [title, setTitle] = useState("")
 	const [inputVisible, setInputVisible] = useState(false)
-	const { me } = useAccount()
+	const { me } = useAccount({ root: {} })
 	const inputRef = useRef<HTMLInputElement>(null)
 
 	const handleSubmit = (e: React.FormEvent) => {
 		e.preventDefault()
-		if (title.trim() && me) {
+		console.log(title.trim())
+		console.log(me, "me")
+		if (title.trim()) {
+			if (me?.root?.tasks === undefined) {
+				if (!me) return
+				me.root.tasks = ListOfTasks.create([], { owner: me })
+			}
+
 			const newTask = Task.create(
 				{
 					title,
@@ -30,7 +35,7 @@ export const TaskForm: React.FC<TaskFormProps> = ({ onAddTask }) => {
 				},
 				{ owner: me._owner }
 			)
-			onAddTask(newTask)
+			me.root.tasks?.push(newTask)
 			resetForm()
 		}
 	}

web/components/routes/task/TaskList.tsx

@@ -1,18 +1,16 @@
 import React from "react"
-import { Task } from "@/lib/schema/tasks"
+import { ListOfTasks, Task } from "@/lib/schema/tasks"
 import { TaskItem } from "./TaskItem"
 
 interface TaskListProps {
-	tasks: Task[]
+	tasks?: ListOfTasks
 	onUpdateTask: (taskId: string, updates: Partial<Task>) => void
 }
 
 export const TaskList: React.FC<TaskListProps> = ({ tasks, onUpdateTask }) => {
 	return (
 		<ul className="space-y-2">
-			{tasks.map(task => (
-				<TaskItem key={task.id} task={task} onUpdateTask={onUpdateTask} />
-			))}
+			{tasks?.map(task => task?.id && <TaskItem key={task.id} task={task} onUpdateTask={onUpdateTask} />)}
 		</ul>
 	)
 }

web/components/routes/task/TaskRoute.tsx

@@ -7,13 +7,8 @@ import { TaskForm } from "./TaskForm"
 
 export const TaskRoute: React.FC = () => {
 	const { me } = useAccount({ root: { tasks: [] } })
-	const tasks = me?.root?.tasks || []
-
-	const addTask = (newTask: Task) => {
-		if (me?.root?.tasks) {
-			me.root.tasks.push(newTask)
-		}
-	}
+	const tasks = me?.root.tasks
+	console.log(tasks, "tasks here")
 
 	const updateTask = (taskId: string, updates: Partial<Task>) => {
 		if (me?.root?.tasks) {
@@ -27,8 +22,8 @@ export const TaskRoute: React.FC = () => {
 	return (
 		<div className="flex flex-col space-y-4 p-4">
 			<h1 className="text-2xl font-bold">Tasks</h1>
-			<TaskForm onAddTask={addTask} />
-			<TaskList tasks={tasks as Task[]} updateTask={updateTask} />
+			<TaskForm />
+			<TaskList tasks={tasks} onUpdateTask={updateTask} />
 		</div>
 	)
 }

web/lib/schema/tasks.ts

@@ -6,6 +6,7 @@ export class Task extends CoMap {
 	status = co.literal("todo", "in_progress", "done")
 	createdAt = co.encoded(Encoders.Date)
 	updatedAt = co.encoded(Encoders.Date)
+	completedAt = co.optional.encoded(Encoders.Date)
 }
 
 export class ListOfTasks extends CoList.Of(co.ref(Task)) {}

web/middleware.ts

@@ -10,7 +10,8 @@ const ROUTE_PATTERNS = {
 		"/search(.*)",
 		"/settings(.*)",
 		"/tauri(.*)",
-		"/onboarding(.*)"
+		"/onboarding(.*)",
+		"/tasks(.*)"
 	]
 }