+ {task.assigneeName ? (
+
+
+ {task.assigneeName}
+
+
+ ) : (
+
+
+
+ Unassigned
+
+
+ )}
{task.dueDate && (
-
-
- {format(new Date(task.dueDate), "MMM d")}
+
+
+
+ {format(new Date(task.dueDate), "MMM d")}
+
)}
diff --git a/apps/web/src/components/task/create-task-modal.tsx b/apps/web/src/components/task/create-task-modal.tsx
new file mode 100644
index 0000000..0922633
--- /dev/null
+++ b/apps/web/src/components/task/create-task-modal.tsx
@@ -0,0 +1,224 @@
+import { Button } from "@/components/ui/button";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import useCreateTask from "@/hooks/mutations/task/use-create-task";
+import useGetWorkspaceUsers from "@/hooks/queries/workspace-users/use-get-workspace-users";
+import useProjectStore from "@/store/project";
+import useWorkspaceStore from "@/store/workspace";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as Dialog from "@radix-ui/react-dialog";
+import { produce } from "immer";
+import { X } from "lucide-react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
+interface CreateTaskModalProps {
+ open: boolean;
+ onClose: () => void;
+ status?: string;
+}
+
+const taskSchema = z.object({
+ title: z.string().min(1, { message: "Title is required" }),
+ description: z.string().optional(),
+ priority: z.enum(["low", "medium", "high", "urgent"]),
+ assigneeId: z.string(),
+});
+
+type TaskFormValues = z.infer
;
+
+export function CreateTaskModal({
+ open,
+ onClose,
+ status,
+}: CreateTaskModalProps) {
+ const { project, setProject } = useProjectStore();
+ const { workspace } = useWorkspaceStore();
+ const { data: users } = useGetWorkspaceUsers({
+ workspaceId: workspace?.id ?? "",
+ });
+
+ const form = useForm({
+ resolver: zodResolver(taskSchema),
+ defaultValues: {
+ title: "",
+ description: "",
+ priority: "low",
+ assigneeId: "",
+ },
+ });
+ const { mutateAsync } = useCreateTask();
+
+ const onSubmit = async (data: TaskFormValues) => {
+ if (!project?.id || !workspace?.id) return;
+
+ const newTask = await mutateAsync({
+ title: data.title.trim(),
+ description: data.description?.trim() || "",
+ assigneeId: data.assigneeId,
+ priority: data.priority,
+ projectId: project?.id,
+ dueDate: new Date(),
+ status: status ?? "to-do",
+ });
+
+ setProject(
+ produce(project, (draft) => {
+ const targetColumn = draft.columns?.find(
+ (col) => col.id === newTask.status,
+ );
+ if (targetColumn) {
+ targetColumn.tasks.push(newTask);
+ }
+ }),
+ );
+
+ form.reset();
+ onClose();
+ };
+
+ return (
+
+
+
+
+
+
+
+ New Task
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/src/routes/dashboard/index.tsx b/apps/web/src/routes/dashboard/index.tsx
index 0c212e3..9a42a88 100644
--- a/apps/web/src/routes/dashboard/index.tsx
+++ b/apps/web/src/routes/dashboard/index.tsx
@@ -18,7 +18,7 @@ function DashboardIndexRouteComponent() {
return (
<>
-
+
diff --git a/apps/web/src/store/hash.ts b/apps/web/src/store/hash.ts
new file mode 100644
index 0000000..40a9008
--- /dev/null
+++ b/apps/web/src/store/hash.ts
@@ -0,0 +1,19 @@
+import type { StateStorage } from "zustand/middleware";
+
+export const hashStorage: StateStorage = {
+ getItem: (key): string => {
+ const searchParams = new URLSearchParams(location.hash.slice(1));
+ const value = searchParams.get(key);
+ return String(value);
+ },
+ setItem: (key, newValue): void => {
+ const searchParams = new URLSearchParams(location.hash.slice(1));
+ searchParams.set(key, newValue);
+ location.hash = searchParams.toString();
+ },
+ removeItem: (key): void => {
+ const searchParams = new URLSearchParams(location.hash.slice(1));
+ searchParams.delete(key);
+ location.hash = searchParams.toString();
+ },
+};
diff --git a/apps/web/src/types/project/index.ts b/apps/web/src/types/project/index.ts
index bec45af..97932b7 100644
--- a/apps/web/src/types/project/index.ts
+++ b/apps/web/src/types/project/index.ts
@@ -3,4 +3,24 @@ export type Project = {
name: string;
description: string | null;
workspaceId: string;
+ columns?: Column[];
+};
+
+export type Column = {
+ id: string;
+ name: string;
+ tasks: Task[];
+};
+
+export type Task = {
+ id: string;
+ createdAt: Date;
+ description: string | null;
+ projectId: string;
+ assigneeId: string;
+ title: string;
+ status: string;
+ dueDate: Date | null;
+ priority: string | null;
+ assigneeName: string;
};
diff --git a/apps/web/src/types/workspace/index.ts b/apps/web/src/types/workspace/index.ts
index 0f35fbb..6655b78 100644
--- a/apps/web/src/types/workspace/index.ts
+++ b/apps/web/src/types/workspace/index.ts
@@ -3,21 +3,3 @@ export type Workspace = {
name: string;
ownerId: string;
};
-
-export type Column = {
- id: string;
- name: string;
- tasks: Task[];
-};
-
-export type Task = {
- id: string;
- title: string;
- description: string;
- assigneeId: number;
- priority: string;
- dueDate: string | null;
- status: string;
- projectId: string;
- workspaceId: string;
-};
diff --git a/bun.lockb b/bun.lockb
index bec071e..56c60ca 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/packages/libs/src/eden.ts b/packages/libs/src/eden.ts
index c2b9026..9b8a478 100644
--- a/packages/libs/src/eden.ts
+++ b/packages/libs/src/eden.ts
@@ -1,8 +1,11 @@
import { treaty } from "@elysiajs/eden";
import type { App } from "@kaneo/api";
-export const api = treaty(process.env.API_URL ?? "http://0.0.0.0:1337", {
- fetch: {
- credentials: "include",
+export const api = treaty(
+ import.meta.env.VITE_API_URL ?? "http://0.0.0.0:1337",
+ {
+ fetch: {
+ credentials: "include",
+ },
},
-});
+);