feat: update execute function to handle unsupported chains and refactor query calls in preview tables

Author: ErwanDecoster

src/graphql/execute.ts

@@ -1,10 +1,18 @@
+import { SUPPORTED_CHAINS } from '@/config';
 import type { TypedDocumentString } from './graphql'
- 
+
 export async function execute<TResult, TVariables>(
+  chainId: number | undefined,
   query: TypedDocumentString<TResult, TVariables>,
   ...[variables]: TVariables extends Record<string, never> ? [] : [TVariables]
 ) {
-  const subgraphUrl = import.meta.env.VITE_POCO_SUBGRAPH_URL;
+  const chain = SUPPORTED_CHAINS.find((c) => c.id === chainId);
+
+  if (!chain) {
+    throw new Error(`Unsupported chain with id ${chainId}`);
+  }
+
+  const subgraphUrl = chain.subgraphUrl;
 
   const response = await fetch(subgraphUrl, {
     method: 'POST',

src/modules/apps/AppsPreviewTable.tsx

@@ -15,15 +15,18 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import useUserStore from '@/stores/useUser.store';
 import { formatElapsedTime } from '@/utils/formatElapsedTime';
 import { truncateAddress } from '@/utils/truncateAddress';
 import { appsQuery } from './appsQuery';
 
 export function AppsPreviewTable({ className }: { className?: string }) {
+  const { chainId } = useUserStore();
+
   const apps = useQuery({
     queryKey: ['apps_preview'],
     queryFn: () =>
-      execute(appsQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
+      execute(chainId, appsQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
     refetchInterval: PREVIEW_TABLE_REFETCH_INTERVAL,
   });
 

src/modules/datasets/DatasetsPreviewTable.tsx

@@ -15,15 +15,21 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import useUserStore from '@/stores/useUser.store';
 import { formatElapsedTime } from '@/utils/formatElapsedTime';
 import { truncateAddress } from '@/utils/truncateAddress';
 import { datasetsQuery } from './datasetsQuery';
 
 export function DatasetsPreviewTable({ className }: { className?: string }) {
+  const { chainId } = useUserStore();
+
   const datasets = useQuery({
     queryKey: ['datasets_preview'],
     queryFn: () =>
-      execute(datasetsQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
+      execute(chainId, datasetsQuery, {
+        length: PREVIEW_TABLE_LENGTH,
+        skip: 0,
+      }),
     refetchInterval: PREVIEW_TABLE_REFETCH_INTERVAL,
   });
 

src/modules/deals/DealsPreviewTable.tsx

@@ -15,16 +15,19 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import useUserStore from '@/stores/useUser.store';
 import { formatElapsedTime } from '@/utils/formatElapsedTime';
 import { truncateAddress } from '@/utils/truncateAddress';
 import { SuccessCell } from './SuccessCell';
 import { dealsQuery } from './dealsQuery';
 
 export function DealsPreviewTable({ className }: { className?: string }) {
+  const { chainId } = useUserStore();
+
   const deals = useQuery({
     queryKey: ['deals_preview'],
     queryFn: () =>
-      execute(dealsQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
+      execute(chainId, dealsQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
     refetchInterval: PREVIEW_TABLE_REFETCH_INTERVAL,
   });
 

src/modules/tasks/TasksPreviewTable.tsx

@@ -15,15 +15,18 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import useUserStore from '@/stores/useUser.store';
 import { truncateAddress } from '@/utils/truncateAddress';
 import StatusCell from './StatusCell';
 import { taskQuery } from './tasksQuery';
 
 export function TasksPreviewTable({ className }: { className?: string }) {
+  const { chainId } = useUserStore();
+
   const tasks = useQuery({
     queryKey: ['tasks_preview'],
     queryFn: () =>
-      execute(taskQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
+      execute(chainId, taskQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
     refetchInterval: PREVIEW_TABLE_REFETCH_INTERVAL,
   });
 

src/modules/workerpools/workerpoolsPreviewTable.tsx

@@ -15,15 +15,21 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
+import useUserStore from '@/stores/useUser.store';
 import { formatElapsedTime } from '@/utils/formatElapsedTime';
 import { truncateAddress } from '@/utils/truncateAddress';
 import { workerpoolsQuery } from './workerpoolsQuery';
 
 export function WorkerpoolsPreviewTable({ className }: { className?: string }) {
+  const { chainId } = useUserStore();
+
   const workerpools = useQuery({
     queryKey: ['workerpools_preview'],
     queryFn: () =>
-      execute(workerpoolsQuery, { length: PREVIEW_TABLE_LENGTH, skip: 0 }),
+      execute(chainId, workerpoolsQuery, {
+        length: PREVIEW_TABLE_LENGTH,
+        skip: 0,
+      }),
     refetchInterval: PREVIEW_TABLE_REFETCH_INTERVAL,
   });