fix: fix empty rows on empty collateral list (#2312)

* fix: fix empty rows on empty collateral list

* fix: fix empty rows on empty collateral list

* fix: fix empty rows on empty collateral list

apps/explorer/jest.config.ts

@@ -1,4 +1,5 @@
 /* eslint-disable */
+process.env.TZ = 'UTC';
 export default {
   displayName: 'explorer',
   preset: '../../jest.preset.js',

libs/accounts/src/lib/accounts-manager.tsx

@@ -43,7 +43,7 @@ export const AccountManager = ({
       const rowsThisBlock = dataRef.current
         ? dataRef.current.slice(startRow, endRow)
         : [];
-      const lastRow = dataRef.current?.length ?? -1;
+      const lastRow = dataRef.current?.length ?? undefined;
       successCallback(rowsThisBlock, lastRow);
     },
     []

libs/orders/src/lib/components/order-list-manager/use-order-list-data.spec.ts

@@ -159,7 +159,7 @@ describe('useOrderListData Hook', () => {
     expect(loadMock).toHaveBeenCalled();
     expect(successCallback).toHaveBeenLastCalledWith(
       mockDelta.map((item) => item.node),
-      -1
+      undefined
     );
   });
 });

libs/react-helpers/src/lib/pagination.ts

@@ -9,7 +9,7 @@ const getLastRow = (
   blockLength: number,
   totalCount?: number
 ) => {
-  let lastRow = -1;
+  let lastRow = undefined;
   if (totalCount !== undefined) {
     if (!totalCount) {
       lastRow = 0;
@@ -50,9 +50,15 @@ export const makeInfiniteScrollGetRows =
       const rowsThisBlock = data.current
         ? data.current.slice(startRow, endRow).map((edge) => edge?.node)
         : [];
-      const lastRow =
+      const currentLastNumber = getLastRow(
-        getLastRow(startRow, endRow, rowsThisBlock.length, totalCount.current) -
+        startRow,
-        newRows.current;
+        endRow,
+        rowsThisBlock.length,
+        totalCount.current
+      );
+      const lastRow = currentLastNumber
+        ? currentLastNumber - newRows.current
+        : currentLastNumber;
       successCallback(rowsThisBlock, lastRow);
     } catch (e) {
       failCallback();