create new task ui

This commit is contained in:
marshennikovaolga
2024-09-22 12:40:14 +03:00
parent da4f018bbd
commit f362f70ff0
5 changed files with 56 additions and 28 deletions

View File

@@ -4,6 +4,7 @@ import { useAccount } from "@/lib/providers/jazz-provider"
import { Task } from "@/lib/schema/tasks"
import { TaskList } from "./TaskList"
import { TaskForm } from "./TaskForm"
import { LaIcon } from "@/components/custom/la-icon"
export const TaskRoute: React.FC = () => {
const { me } = useAccount({ root: { tasks: [] } })
@@ -21,7 +22,10 @@ export const TaskRoute: React.FC = () => {
return (
<div className="flex flex-col space-y-4 p-4">
<h1 className="text-2xl font-bold">Tasks</h1>
<div className="flex flex-row items-center gap-1">
<LaIcon name="ListTodo" className="size-6" />
<h1 className="text-xl font-bold">Current Tasks</h1>
</div>
<TaskForm />
<TaskList tasks={tasks} onUpdateTask={updateTask} />
</div>