feat: add presence checks for associated deals and datasets in Deals and Tasks routes

Author: ErwanDecoster

src/routes/$chainSlug/_layout/deal/$dealId.tsx

@@ -14,6 +14,7 @@ import { DealAssociatedDealsTable } from '@/modules/deals/deal/DealAssociatedDea
 import { DealBreadcrumbs } from '@/modules/deals/deal/DealBreadcrumbs';
 import { DealTasksTable } from '@/modules/deals/deal/DealTasksTable';
 import { buildDealDetails } from '@/modules/deals/deal/buildDealDetails';
+import { dealAssociatedDealsQuery } from '@/modules/deals/deal/dealAssociatedDealsQuery';
 import { dealQuery } from '@/modules/deals/deal/dealQuery';
 import { SearcherBar } from '@/modules/search/SearcherBar';
 import useUserStore from '@/stores/useUser.store';
@@ -91,6 +92,28 @@ function DealsRoute() {
     return <ErrorAlert className="my-16" message="Deal not found." />;
   }
 
+  const associatedDealsPresenceQueryKey = [
+    chainId,
+    'deal',
+    'associatedDealsPresence',
+    dealId,
+  ];
+  const { data: associatedDealsPresence } = useQuery({
+    queryKey: associatedDealsPresenceQueryKey,
+    enabled: dealId && !!chainId && !!deal && currentTab !== 2,
+    queryFn: () =>
+      execute(dealAssociatedDealsQuery, chainId!, {
+        length: 1,
+        skip: 0,
+        nextSkip: 1,
+        nextNextSkip: 2,
+        dealId: dealId,
+      }),
+    placeholderData: (prev) => prev,
+  });
+  const hasAssociatedDeals =
+    (associatedDealsPresence?.deal?.requestorder?.deals?.length || 0) > 0;
+
   const showOutdated = deal && (isError || isOutdatedChild);
   const showLoading = isLoading || isRefetching || isLoadingChild;
 
@@ -120,6 +143,10 @@ function DealsRoute() {
         currentTab={currentTab}
         tabLabels={tabLabels}
         onTabChange={setCurrentTab}
+        disabledTabs={deal && !hasAssociatedDeals ? [2] : []}
+        disabledReasons={
+          deal && !hasAssociatedDeals ? { 2: 'No associated deals' } : {}
+        }
       />
       <div>
         {currentTab === 0 &&

src/routes/$chainSlug/_layout/task/$taskId.tsx

@@ -15,6 +15,7 @@ import { TaskBreadcrumbs } from '@/modules/tasks/task/TaskBreadcrumbs';
 import { TaskDatasetsTable } from '@/modules/tasks/task/TaskDatasetsTable';
 import { TaskRawData } from '@/modules/tasks/task/TaskRawData';
 import { buildTaskDetails } from '@/modules/tasks/task/buildTaskDetails';
+import { taskDatasetsQuery } from '@/modules/tasks/task/taskDatasetsQuery';
 import { taskQuery } from '@/modules/tasks/task/taskQuery';
 import useUserStore from '@/stores/useUser.store';
 import { NotFoundError } from '@/utils/NotFoundError';
@@ -85,6 +86,29 @@ function TasksRoute() {
     return <ErrorAlert message="Task not found." />;
   }
 
+  // Presence check for datasets to disable tab if none
+  const datasetsPresenceQueryKey = [
+    chainId,
+    'task',
+    'datasetsPresence',
+    taskId,
+  ];
+  const { data: datasetsPresence } = useQuery({
+    queryKey: datasetsPresenceQueryKey,
+    enabled: !!chainId && !!task && currentTab !== 2,
+    queryFn: () =>
+      execute(taskDatasetsQuery, chainId!, {
+        taskId: (taskId as string).toLowerCase(),
+        length: 1,
+        skip: 0,
+        nextSkip: 1,
+        nextNextSkip: 2,
+      }),
+    placeholderData: (prev) => prev,
+  });
+  const hasDatasets =
+    (datasetsPresence?.task?.bulkSlice?.datasets?.length || 0) > 0;
+
   const showOutdated = task && (isError || isOutdatedChild);
   const showLoading = isLoading || isRefetching || isLoadingChild;
 
@@ -114,6 +138,10 @@ function TasksRoute() {
         currentTab={currentTab}
         tabLabels={tabLabels}
         onTabChange={setCurrentTab}
+        disabledTabs={task && !hasDatasets ? [2] : []}
+        disabledReasons={
+          task && !hasDatasets ? { 2: 'No datasets for this task' } : {}
+        }
       />
       <div>
         {currentTab === 0 &&