From 6d0298447deea703917d7cb7e7ca50e00c51583f Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Mon, 23 Feb 2026 16:12:18 +0100
Subject: [PATCH] =?UTF-8?q?Open=20TaskModal=20from=20dashboard=20"Cr=C3=A9?=
 =?UTF-8?q?er=20une=20t=C3=A2che"=20action=20card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Instead of navigating to /tasks, the Create Task action card now opens a TaskModal with tablo selection enabled, allowing users to create a task directly from the dashboard.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
---
 apps/main/src/pages/tablo.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/apps/main/src/pages/tablo.tsx b/apps/main/src/pages/tablo.tsx
index 711d94d..0dbdd81 100644
--- a/apps/main/src/pages/tablo.tsx
+++ b/apps/main/src/pages/tablo.tsx
@@ -39,6 +39,7 @@ import {
 import { useIsReadOnlyUser, useUser } from "../providers/UserStoreProvider";
 import { DashboardActionCards } from "src/components/DashboardActionCards";
 import { DashboardTaskList } from "src/components/DashboardTaskList";
+import { TaskModal } from "src/components/kanban/TaskModal";
 import { ProjectCardList } from "src/components/ProjectCardList";
 
 export const TabloPage = () => {
@@ -52,6 +53,7 @@ export const TabloPage = () => {
     y: number;
   } | null>(null);
   const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
+  const [isTaskModalOpen, setIsTaskModalOpen] = useState(false);
   const [deletingTablo, setDeletingTablo] = useState<UserTablo | null>(null);
   const [isDeleting, setIsDeleting] = useState(false);
   const [filterType] = useState<"all" | "todo" | "inProgress" | "done">("all");
@@ -649,7 +651,7 @@ export const TabloPage = () => {
 
         <DashboardActionCards
           onCreateProject={openCreateModal}
-          onCreateTask={() => navigate("/tasks")}
+          onCreateTask={() => setIsTaskModalOpen(true)}
           onSendMessage={() => navigate("/chat")}
           onInviteTeam={() =>
             toast.add(
@@ -718,12 +720,14 @@ export const TabloPage = () => {
         />
       )}
 
-      {/* Tutorial - Hidden */}
-      {/* <TabloTutorial
-        isOpen={isTutorialOpen}
-        onClose={handleCloseTutorial}
-        onCreateTablo={handleTutorialCreateTablo}
-      /> */}
+      {/* Create Task Modal */}
+      <TaskModal
+        isOpen={isTaskModalOpen}
+        onClose={() => setIsTaskModalOpen(false)}
+        tablos={tablos}
+        allowTabloSelection={true}
+        initialStatus="todo"
+      />
     </div>
   );
 };