@@ -282,7 +282,7 @@ export function DashboardClient({ data }: DashboardClientProps) {
{project.status === 'completed' ? 'Tamamlandı' : project.status === 'active' ? 'Aktif' : 'Beklemede'}
-
+
))}
{data.projects.length === 0 && (
Henüz proje yok.
@@ -300,7 +300,7 @@ export function DashboardClient({ data }: DashboardClientProps) {
{(data.clients || []).length > 0 ? (data.clients || []).map((client) => (
-
+
{client.name.charAt(0).toUpperCase()}
@@ -311,7 +311,7 @@ export function DashboardClient({ data }: DashboardClientProps) {
{new Date(client.created_at).toLocaleDateString("tr-TR", { month: "short", day: "numeric" })}
-
+
)) : (
Henüz müşteri yok.
)}
diff --git a/app/(dashboard)/projects/[id]/project-detail-client.tsx b/app/(dashboard)/projects/[id]/project-detail-client.tsx
index de70d60..95aa268 100644
--- a/app/(dashboard)/projects/[id]/project-detail-client.tsx
+++ b/app/(dashboard)/projects/[id]/project-detail-client.tsx
@@ -7,10 +7,11 @@ import {
updateProjectPlanningSectionRecord,
} from "@/app/(dashboard)/projects/actions";
import {
- completeTaskRecord,
createTaskRecord,
updateTaskStatusRecord,
} from "@/app/(dashboard)/tasks/actions";
+import { PendingLink } from "@/components/ui/pending-link";
+import { PendingSubmitButton } from "@/components/ui/pending-submit-button";
import { Badge, Button, Card, CardContent, Input, Label, Textarea } from "poyraz-ui/atoms";
import {
Dialog,
@@ -25,6 +26,7 @@ import {
SelectItem,
SelectTrigger,
SelectValue,
+ toast,
} from "poyraz-ui/molecules";
import {
ArrowLeft,
@@ -35,6 +37,7 @@ import {
FolderKanban,
KanbanSquare,
LayoutList,
+ Loader2,
Palette,
Pencil,
Plus,
@@ -43,8 +46,7 @@ import {
Trash2,
Wallet,
} from "lucide-react";
-import Link from "next/link";
-import { useState, useTransition, type DragEvent } from "react";
+import { useEffect, useState, useTransition, type DragEvent } from "react";
export type ProjectDetail = {
id: string;
@@ -197,10 +199,10 @@ export function ProjectDetailClient({
@@ -223,10 +225,14 @@ export function ProjectDetailClient({
{project.status !== "completed" ? (
) : null}
@@ -450,9 +456,12 @@ function PlanningSectionCard({ section }: { section: ProjectPlanningSectionItem
@@ -586,19 +595,48 @@ function TaskPanel({
}) {
const [view, setView] = useState<"list" | "kanban">("list");
const [localTasks, setLocalTasks] = useState(tasks);
+ const [pendingTaskIds, setPendingTaskIds] = useState
>(new Set());
const [, startTransition] = useTransition();
+ useEffect(() => {
+ setLocalTasks(tasks);
+ }, [tasks]);
+
function handleTaskStatusChange(taskId: string, status: ProjectDetailTaskItem["status"]) {
const previousTasks = localTasks;
+ setPendingTask(taskId, true);
setLocalTasks((currentTasks) =>
currentTasks.map((task) => (task.id === taskId ? { ...task, status } : task)),
);
startTransition(() => {
- void updateTaskStatusRecord(taskId, status, projectId).catch(() => {
- setLocalTasks(previousTasks);
- });
+ void updateTaskStatusRecord(taskId, status, projectId)
+ .catch((error) => {
+ setLocalTasks(previousTasks);
+ toast.error(
+ error instanceof Error
+ ? error.message
+ : "Görev durumu güncellenemedi.",
+ );
+ })
+ .finally(() => {
+ setPendingTask(taskId, false);
+ });
+ });
+ }
+
+ function setPendingTask(taskId: string, pending: boolean) {
+ setPendingTaskIds((current) => {
+ const next = new Set(current);
+
+ if (pending) {
+ next.add(taskId);
+ } else {
+ next.delete(taskId);
+ }
+
+ return next;
});
}
@@ -682,14 +720,21 @@ function TaskPanel({
{task.status !== "done" ? (
-
+ )}
+ {pendingTaskIds.has(task.id) ? "Tamamlanıyor" : "Tamamla"}
+
) : null}