perf: decouple item counting logic from data fetching (#581)

* fix(api): set category filter to `ROLLUP` when the rollup filter is provided

* feat(api): create blob `getCount` procedure

* chore: add changeset

* refactor(web): use `getCount()` procedure to retrieve total amount of blobs

* chore: add changeset

* feat(api): create block `getCount` procedure

* chore: add changeset

* fix(web): align header sleketon on blobs page view

* refactor(web): use `getCount()` procedure to retrieve total amount of blocks

* refactor(api): use count logic in `getAll` block procedure

* feat(api): add transaction `getCount` procedure

* refactor(web): use `getCount()` procedure to retrieve total amount of transactions on txs page

* chore: merge changesets

* refactor(web): organize query parameters by filter and pagination usage

* test(api): remove rollup test

Author: PJColombo

packages/api/src/routers/blob/getAll.ts

@@ -44,6 +44,17 @@ export const getAll = publicProcedure
   .use(withExpands)
   .output(outputSchema)
   .query(async ({ ctx: { filters, expands, pagination, prisma, count } }) => {
+    let leadingOrderColumn: Prisma.BlobsOnTransactionsOrderByWithRelationInput =
+      {
+        blockTimestamp: filters.sort,
+      };
+
+    if (filters.blockNumber) {
+      leadingOrderColumn = {
+        blockNumber: filters.sort,
+      };
+    }
+
     const blockFiltersExists = filters.blockSlot || filters.blockType;
     const txFiltersExists =
       filters.transactionRollup !== undefined ||

packages/api/test/block.test.ts

@@ -138,6 +138,7 @@ describe("Block router", async () => {
         from: 0,
         to: 9999,
       });
+
       const { totalBlocks } = await caller.block.getCount({});
 
       expect(totalBlocks).toBe(fixtures.canonicalBlocks.length);

packages/api/test/tx.test.ts

@@ -99,6 +99,7 @@ describe("Transaction router", async () => {
         from: 0,
         to: 9999,
       });
+
       const { totalTransactions } = await caller.tx.getCount({});
 
       expect(totalTransactions).toBe(fixtures.canonicalTxs.length);