From fb3fe1031c2d0af47f437abcd1e9e50cc7bd1129 Mon Sep 17 00:00:00 2001
From: poyrazavsever <poyrazavsever@hotmail.com>
Date: Fri, 5 Jun 2026 09:47:49 +0300
Subject: [PATCH] feat(tasks): add create task functionality and revalidation
 for project tasks

---
 .../projects/[id]/project-detail-client.tsx   | 157 +++++++++++++++++-
 app/(dashboard)/projects/projects-client.tsx  |   9 +
 app/(dashboard)/tasks/actions.ts              |  13 ++
 3 files changed, 171 insertions(+), 8 deletions(-)

diff --git a/app/(dashboard)/projects/[id]/project-detail-client.tsx b/app/(dashboard)/projects/[id]/project-detail-client.tsx
index 5b395ad..0253def 100644
--- a/app/(dashboard)/projects/[id]/project-detail-client.tsx
+++ b/app/(dashboard)/projects/[id]/project-detail-client.tsx
@@ -6,7 +6,7 @@ import {
   deleteProjectPlanningSectionRecord,
   updateProjectPlanningSectionRecord,
 } from "@/app/(dashboard)/projects/actions";
-import { completeTaskRecord } from "@/app/(dashboard)/tasks/actions";
+import { completeTaskRecord, createTaskRecord } from "@/app/(dashboard)/tasks/actions";
 import { Badge, Button, Card, CardContent, Input, Label, Textarea } from "poyraz-ui/atoms";
 import {
   Dialog,
@@ -306,7 +306,9 @@ export function ProjectDetailClient({
         />
       ) : null}
 
-      {activeTab === "tasks" ? <TaskPanel projectId={project.id} tasks={tasks} /> : null}
+      {activeTab === "tasks" ? (
+        <TaskPanel projectId={project.id} clientId={project.client_id} tasks={tasks} />
+      ) : null}
       {activeTab === "finance" ? <FinancePanel transactions={financeTransactions} /> : null}
     </div>
   );
@@ -496,15 +498,26 @@ function SectionDialog({
   );
 }
 
-function TaskPanel({ projectId, tasks }: { projectId: string; tasks: ProjectDetailTaskItem[] }) {
+function TaskPanel({
+  projectId,
+  clientId,
+  tasks,
+}: {
+  projectId: string;
+  clientId: string | null;
+  tasks: ProjectDetailTaskItem[];
+}) {
   return (
     <Card>
       <CardContent className="space-y-4 p-5">
-        <div>
-          <h2 className="text-lg font-semibold text-foreground">Proje görevleri</h2>
-          <p className="mt-1 text-sm text-muted-foreground">
-            Bu proje ile bağlantılı görevler aynı task modülünden beslenir.
-          </p>
+        <div className="flex flex-col gap-3 md:flex-row md:items-start md:justify-between">
+          <div>
+            <h2 className="text-lg font-semibold text-foreground">Proje görevleri</h2>
+            <p className="mt-1 text-sm text-muted-foreground">
+              Bu proje ile bağlantılı görevler aynı task modülünden beslenir.
+            </p>
+          </div>
+          <ProjectTaskDialog projectId={projectId} clientId={clientId} />
         </div>
 
         {tasks.length > 0 ? (
@@ -569,6 +582,134 @@ function TaskPanel({ projectId, tasks }: { projectId: string; tasks: ProjectDeta
   );
 }
 
+function ProjectTaskDialog({
+  projectId,
+  clientId,
+}: {
+  projectId: string;
+  clientId: string | null;
+}) {
+  const [open, setOpen] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  async function handleSubmit(formData: FormData) {
+    setIsSubmitting(true);
+
+    try {
+      await createTaskRecord(formData);
+      setOpen(false);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button className="h-9 gap-2 px-3">
+          <Plus className="h-4 w-4" />
+          Görev ekle
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-xl">
+        <form action={handleSubmit} className="space-y-5">
+          <input type="hidden" name="project_id" value={projectId} />
+          {clientId ? <input type="hidden" name="client_id" value={clientId} /> : null}
+          <DialogHeader>
+            <DialogTitle>Projeye görev ekle</DialogTitle>
+            <DialogDescription>
+              Yeni görev bu proje ile ilişkilendirilerek görev modülüne kaydedilir.
+            </DialogDescription>
+          </DialogHeader>
+
+          <div className="grid gap-4">
+            <div className="grid gap-2">
+              <Label htmlFor="project-task-title">Başlık</Label>
+              <Input
+                id="project-task-title"
+                name="title"
+                required
+                placeholder="Örn. Mobil görünüm kontrolü"
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="project-task-description">Açıklama</Label>
+              <Textarea
+                id="project-task-description"
+                name="description"
+                rows={3}
+                placeholder="Kapsam, teslim notu veya kabul kriterleri..."
+              />
+            </div>
+            <div className="grid gap-4 md:grid-cols-2">
+              <div className="grid gap-2">
+                <Label>Durum</Label>
+                <Select name="status" defaultValue="todo">
+                  <SelectTrigger>
+                    <SelectValue placeholder="Durum seç" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="todo">Yapılacak</SelectItem>
+                    <SelectItem value="in_progress">Devam ediyor</SelectItem>
+                    <SelectItem value="done">Tamamlandı</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+              <div className="grid gap-2">
+                <Label>Öncelik</Label>
+                <Select name="priority" defaultValue="medium">
+                  <SelectTrigger>
+                    <SelectValue placeholder="Öncelik seç" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="low">Düşük</SelectItem>
+                    <SelectItem value="medium">Orta</SelectItem>
+                    <SelectItem value="high">Yüksek</SelectItem>
+                    <SelectItem value="urgent">Acil</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+            <div className="grid gap-4 md:grid-cols-3">
+              <div className="grid gap-2">
+                <Label htmlFor="project-task-due">Son tarih</Label>
+                <Input id="project-task-due" name="due_at" type="datetime-local" />
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="project-task-estimated">Tahmini süre</Label>
+                <Input
+                  id="project-task-estimated"
+                  name="estimated_minutes"
+                  type="number"
+                  min="0"
+                  placeholder="Dakika"
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="project-task-actual">Gerçekleşen süre</Label>
+                <Input
+                  id="project-task-actual"
+                  name="actual_minutes"
+                  type="number"
+                  min="0"
+                  placeholder="Dakika"
+                />
+              </div>
+            </div>
+          </div>
+
+          <DialogFooter>
+            <Button type="submit" disabled={isSubmitting} className="gap-2">
+              <Plus className="h-4 w-4" />
+              {isSubmitting ? "Kaydediliyor" : "Görevi ekle"}
+            </Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
 function FinancePanel({ transactions }: { transactions: ProjectFinanceItem[] }) {
   return (
     <Card>
diff --git a/app/(dashboard)/projects/projects-client.tsx b/app/(dashboard)/projects/projects-client.tsx
index a1eef5d..f86ff6d 100644
--- a/app/(dashboard)/projects/projects-client.tsx
+++ b/app/(dashboard)/projects/projects-client.tsx
@@ -498,6 +498,15 @@ function CoverImageInput({ project }: { project?: ProjectListItem }) {
             </div>
           </div>
         )}
+
+        <div>
+
+            <div>
+              < ImageIcon className="h-6 w-6" />
+
+            </div>
+          </div>
+
         {previewUrl ? (
           <div className="absolute inset-x-0 bottom-0 bg-background/90 px-3 py-2 text-xs text-muted-foreground backdrop-blur">
             Görseli değiştirmek için tıkla.
diff --git a/app/(dashboard)/tasks/actions.ts b/app/(dashboard)/tasks/actions.ts
index 3c08027..b355d7d 100644
--- a/app/(dashboard)/tasks/actions.ts
+++ b/app/(dashboard)/tasks/actions.ts
@@ -82,6 +82,10 @@ export async function createTaskRecord(formData: FormData) {
   }
 
   revalidatePath("/tasks");
+
+  if (payload.project_id) {
+    revalidatePath(`/projects/${payload.project_id}`);
+  }
 }
 
 export async function updateTaskRecord(formData: FormData) {
@@ -104,6 +108,10 @@ export async function updateTaskRecord(formData: FormData) {
   }
 
   revalidatePath("/tasks");
+
+  if (payload.project_id) {
+    revalidatePath(`/projects/${payload.project_id}`);
+  }
 }
 
 export async function completeTaskRecord(formData: FormData) {
@@ -156,6 +164,7 @@ export async function updateTaskStatusRecord(taskId: string, status: string) {
 export async function deleteTaskRecord(formData: FormData) {
   const { supabase, userId } = await getCurrentUserId();
   const id = cleanText(formData.get("id"));
+  const projectId = cleanRelationId(formData.get("project_id"));
 
   if (!id) {
     throw new Error("Silinecek görev bulunamadı.");
@@ -172,4 +181,8 @@ export async function deleteTaskRecord(formData: FormData) {
   }
 
   revalidatePath("/tasks");
+
+  if (projectId) {
+    revalidatePath(`/projects/${projectId}`);
+  }
 }