@haiiro/docuflow 0.0.15 → 0.0.17

package/src/front-components/docflow-tasks.front-component.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { defineFrontComponent } from 'twenty-sdk/define';
 import { AppPath, enqueueSnackbar, openSidePanelPage } from 'twenty-sdk/front-component';
 import {
@@ -273,6 +273,7 @@ const DocflowTasks = () => {
   const [filters, setFilters] = useState<TaskFilters>(DEFAULT_FILTERS);
   const [sort, setSort] = useState<TableSort>(DEFAULT_SORT);
   const [panel, setPanel] = useState<Panel>({ kind: 'closed' });
+  const [knownTitles, setKnownTitles] = useState<Record<string, string>>({});
   const [pages, setPages] = useState(1);
   const [hiddenColumns, setHiddenColumns] = useHiddenColumns(['createdAt']);
   const [bulkDialog, setBulkDialog] = useState<BulkDialog>();
@@ -431,8 +432,24 @@ const DocflowTasks = () => {
     panel.kind === 'task'
       ? (tasks.find(({ id }) => id === panel.taskId) ?? urgentTasks.find(({ id }) => id === panel.taskId))
       : undefined;
+  // A completed task leaves the "Открытые" list while its panel stays open:
+  // the panel keeps the title it was opened with.
+  const openTaskTitle = openTask?.title?.trim() ?? '';
+
+  useEffect(() => {
+    if (openTask !== undefined && openTaskTitle.length > 0) {
+      setKnownTitles((current) =>
+        current[openTask.id] === openTaskTitle ? current : { ...current, [openTask.id]: openTaskTitle },
+      );
+    }
+  }, [openTask?.id, openTaskTitle]);
+
   const panelTitle =
-    panel.kind === 'create' ? 'Новое задание' : openTask?.title?.trim() || (panel.kind === 'task' ? 'Без названия' : undefined);
+    panel.kind === 'create'
+      ? 'Новое задание'
+      : panel.kind === 'task'
+        ? openTaskTitle || knownTitles[panel.taskId] || 'Без названия'
+        : undefined;
 
   return (
     <DocflowRoot>