From a335f2b66c2f5bcf85949b0086ffc7122d8d9386 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sat, 18 Jul 2026 12:07:29 +0330
Subject: [PATCH] fix save desciption

---
 .../task-detail/TaskDetailDescription.tsx     | 30 ++++++++++++-------
 .../task-detail/TaskDetailModal.tsx           | 17 ++++++-----
 2 files changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/pages/taskmanager/components/task-detail/TaskDetailDescription.tsx b/src/pages/taskmanager/components/task-detail/TaskDetailDescription.tsx
index e7d6ed6..0cd66fa 100644
--- a/src/pages/taskmanager/components/task-detail/TaskDetailDescription.tsx
+++ b/src/pages/taskmanager/components/task-detail/TaskDetailDescription.tsx
@@ -4,23 +4,33 @@ import { useTranslation } from "react-i18next";
 type Props = {
   value?: string;
   onChange?: (value: string) => void;
-  onBlur?: () => void;
+  onSave?: () => void;
+  isSaving?: boolean;
 };
 
-const TaskDetailDescription: FC<Props> = ({ value = "", onChange, onBlur }) => {
+const TaskDetailDescription: FC<Props> = ({ value = "", onChange, onSave, isSaving = false }) => {
   const { t } = useTranslation("global");
 
   return (
     <div className="mt-6">
       <div className="text-sm font-medium mb-2">{t("taskmanager.task_detail.description")}</div>
-      <textarea
-        value={value}
-        onChange={(e) => onChange?.(e.target.value)}
-        onBlur={onBlur}
-        placeholder={t("taskmanager.task_detail.description_placeholder")}
-        rows={5}
-        className="w-full bg-white/25 rounded-xl px-4 py-3 text-xs outline-none resize-none placeholder:text-description"
-      />
+      <div className="relative bg-white/25 rounded-xl">
+        <button
+          type="button"
+          onClick={onSave}
+          disabled={isSaving}
+          className="absolute top-2 left-2 z-10 h-7 px-2.5 rounded-lg bg-[#292D32] text-white text-[11px] disabled:opacity-50"
+        >
+          {t("save")}
+        </button>
+        <textarea
+          value={value}
+          onChange={(e) => onChange?.(e.target.value)}
+          placeholder={t("taskmanager.task_detail.description_placeholder")}
+          rows={5}
+          className="w-full bg-transparent rounded-xl px-4 pt-10 pb-3 text-xs outline-none resize-none placeholder:text-description"
+        />
+      </div>
     </div>
   );
 };
diff --git a/src/pages/taskmanager/components/task-detail/TaskDetailModal.tsx b/src/pages/taskmanager/components/task-detail/TaskDetailModal.tsx
index 40058d3..b00c8ff 100644
--- a/src/pages/taskmanager/components/task-detail/TaskDetailModal.tsx
+++ b/src/pages/taskmanager/components/task-detail/TaskDetailModal.tsx
@@ -62,14 +62,14 @@ const TaskDetailModal: FC<Props> = ({ open, task, columns, projectId, onClose, o
   }, [open]);
 
   useEffect(() => {
-    if (!taskDetail) return;
+    if (!rawTaskDetail) return;
 
-    setTitle(taskDetail.title);
-    setDescription(taskDetail.description ?? "");
-    setColor(taskDetail.color || null);
-    initialTitleRef.current = taskDetail.title;
-    initialDescriptionRef.current = taskDetail.description ?? "";
-  }, [taskDetail]);
+    setTitle(rawTaskDetail.title);
+    setDescription(rawTaskDetail.description ?? "");
+    setColor(rawTaskDetail.color || null);
+    initialTitleRef.current = rawTaskDetail.title;
+    initialDescriptionRef.current = rawTaskDetail.description ?? "";
+  }, [rawTaskDetail]);
 
   if (!task) return null;
 
@@ -204,7 +204,8 @@ const TaskDetailModal: FC<Props> = ({ open, task, columns, projectId, onClose, o
           <TaskDetailDescription
             value={description}
             onChange={setDescription}
-            onBlur={() => saveField("description", description)}
+            onSave={() => saveField("description", description)}
+            isSaving={updateTask.isPending}
           />
 
           <AttachmentList attachments={taskDetail?.attachments} />