setting date

src/pages/taskmanager/components/task-detail/TaskDetailToolbar.tsx

@@ -3,12 +3,9 @@ import { useTranslation } from "react-i18next";
 import { toast } from "react-toastify";
 import { useGetUsers } from "../../../users/hooks/useUserData";
 import TaskDetailAttachmentPopover from "./attachment/TaskDetailAttachmentPopover";
-import { DEFAULT_DATE_RANGE } from "./date/constants";
 import TaskDetailDatePopover from "./date/TaskDetailDatePopover";
+import { parseApiDate, toApiDate } from "./date/utils";
 import type DateObject from "react-date-object";
-import DateObjectClass from "react-date-object";
-import persian from "react-date-object/calendars/persian";
-import persian_fa from "react-date-object/locales/persian_fa";
 import TaskDetailChecklistPopover from "./checklist/TaskDetailChecklistPopover";
 import TaskDetailLabelsPopover from "./labels/TaskDetailLabelsPopover";
 import type { LabelsView, TaskLabel } from "./labels/types";
@@ -28,12 +25,6 @@ type Props = {
   taskId: string;
 };
 
-const parseDate = (value?: string): DateObject | null => {
-  if (!value) return null;
-  const date = new DateObjectClass({ date: value, calendar: persian, locale: persian_fa });
-  return date.isValid ? date : null;
-};
-
 const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, taskId }) => {
   const { t } = useTranslation("global");
   const createTaskRemark = useCreateTaskRemark();
@@ -46,8 +37,8 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, task
   const [labels, setLabels] = useState<TaskLabel[]>([]);
   const [selectedLabelIds, setSelectedLabelIds] = useState<Set<string>>(new Set());
   const [selectedUserIds, setSelectedUserIds] = useState<Set<string>>(new Set());
-  const [startDate, setStartDate] = useState<DateObject | null>(DEFAULT_DATE_RANGE.startDate);
-  const [endDate, setEndDate] = useState<DateObject | null>(DEFAULT_DATE_RANGE.endDate);
+  const [startDate, setStartDate] = useState<DateObject | null>(null);
+  const [endDate, setEndDate] = useState<DateObject | null>(null);
 
   useEffect(() => {
     if (!taskDetail) return;
@@ -68,10 +59,8 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, task
       setSelectedUserIds(new Set());
     }
 
-    const parsedStartDate = parseDate(taskDetail.startDate);
-    const parsedEndDate = parseDate(taskDetail.endDate);
-    if (parsedStartDate) setStartDate(parsedStartDate);
-    if (parsedEndDate) setEndDate(parsedEndDate);
+    setStartDate(parseApiDate(taskDetail.startDate));
+    setEndDate(parseApiDate(taskDetail.endDate));
   }, [taskDetail]);
 
   const selectedLabels = labels.filter((label) => selectedLabelIds.has(label.id));
@@ -252,9 +241,33 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, task
   };
 
   const handleDateSubmit = (data: { startDate: DateObject | null; endDate: DateObject | null }) => {
+    const effectiveTaskId = taskId || taskDetail?.id;
+    if (!effectiveTaskId) return;
+
+    const previousStartDate = startDate;
+    const previousEndDate = endDate;
+    const params = {
+      startDate: data.startDate ? toApiDate(data.startDate) : null,
+      endDate: data.endDate ? toApiDate(data.endDate) : null,
+    };
+
     setStartDate(data.startDate);
     setEndDate(data.endDate);
-    handleDateClose();
+
+    updateTask.mutate(
+      { id: effectiveTaskId, params },
+      {
+        onSuccess: () => {
+          handleDateClose();
+          toast.success(t("success"));
+        },
+        onError: (error: ErrorType) => {
+          toast.error(error.response?.data?.error.message[0]);
+          setStartDate(previousStartDate);
+          setEndDate(previousEndDate);
+        },
+      },
+    );
   };
 
   return (
@@ -306,7 +319,13 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange, taskDetail, task
         }
         datePopover={
           isDateOpen ? (
-            <TaskDetailDatePopover onClose={handleDateClose} onSubmit={handleDateSubmit} />
+            <TaskDetailDatePopover
+              onClose={handleDateClose}
+              onSubmit={handleDateSubmit}
+              initialStartDate={startDate}
+              initialEndDate={endDate}
+              isSubmitting={updateTask.isPending}
+            />
           ) : null
         }
       />