feat: display tx header when there is no txs

forbole · Feb 27, 2024 · 8da175b · 8da175b
1 parent 642b566
commit 8da175b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/ui/src/components/transactions_list/components/desktop/index.tsx b/packages/ui/src/components/transactions_list/components/desktop/index.tsx
@@ -18,6 +18,7 @@ import AutoSizer from 'react-virtualized-auto-sizer';
 import { VariableSizeGrid as Grid } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
 import FilterTxsByType from '@/components/transaction_type_filter';
+import NoData from '@/components/no_data';
 
 const useRenderHeaderCell = ({
   columnIndex,
@@ -87,6 +88,14 @@ const Desktop: FC<TransactionsListState> = ({
   // Default isItemLoaded function
   const defaultIsItemLoaded = () => true;
 
+  // Render NoData component if itemCount is 0
+  const noDataComponent =
+    itemCount === 0 ? (
+      <div className={classes.noData}>
+        <NoData />
+      </div>
+    ) : null;
+
   return (
     <div className={cx(classes.root, className)}>
       <AutoSizer onResize={onResize}>
@@ -177,6 +186,7 @@ const Desktop: FC<TransactionsListState> = ({
           </>
         )}
       </AutoSizer>
+      {noDataComponent}
     </div>
   );
 };

diff --git a/packages/ui/src/components/transactions_list/index.tsx b/packages/ui/src/components/transactions_list/index.tsx
@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import Loading from '@/components/loading';
-import NoData from '@/components/no_data';
 import Desktop from '@/components/transactions_list/components/desktop';
 import Mobile from '@/components/transactions_list/components/mobile';
 import type { TransactionsListState } from '@/components/transactions_list/types';
@@ -30,7 +29,7 @@ const TransactionsList: FC<TransactionsListState> = (props) => {
   };
 
   if (!itemCount) {
-    return isNextPageLoading ? <Loading /> : <NoData />;
+    if (isNextPageLoading) return <Loading />;
   }
 
   return (