Merge pull request #925 from rainlanguage/2024-10-08-trades-table-tim…

…e-picker-fix

Update trades list table on order details

tauri-app/src/lib/components/tables/OrderTradesListTable.svelte

@@ -23,27 +23,26 @@
 
   $: orderTradesQuery = createInfiniteQuery({
     queryKey: [id, QKEY_ORDER_TRADES_LIST + id],
-    queryFn: ({ pageParam }: { pageParam: number }) => {
-      return orderTradesList(
-        id,
-        $subgraphUrl || '',
-        pageParam,
-        undefined,
-        startTimestamp,
-        endTimestamp,
-      );
+    queryFn: async ({ pageParam }: { pageParam: number }) => {
+      tradesCount = undefined;
+
+      const [count, trades] = await Promise.all([
+        orderTradesCount(id, $subgraphUrl || '', startTimestamp, endTimestamp),
+        orderTradesList(id, $subgraphUrl || '', pageParam, undefined, startTimestamp, endTimestamp),
+      ]);
+
+      if (typeof count === 'number') {
+        tradesCount = count;
+      }
+
+      return trades;
     },
     initialPageParam: 0,
     getNextPageParam: (lastPage: Trade[], _allPages: Trade[][], lastPageParam: number) => {
       return lastPage.length === DEFAULT_PAGE_SIZE ? lastPageParam + 1 : undefined;
     },
     enabled: !!$subgraphUrl,
   });
-
-  $: $orderTradesQuery.isFetching || $orderTradesQuery.isLoading,
-    orderTradesCount(id, $subgraphUrl || '', startTimestamp, endTimestamp)
-      .then((v) => (typeof v === 'number' ? (tradesCount = v) : (tradesCount = undefined)))
-      .catch(() => (tradesCount = undefined));
 </script>
 
 <TanstackAppTable query={orderTradesQuery} emptyMessage="No trades found" rowHoverable={false}>