From 5db3453ba507149cb694730ca56706af8b020d44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20G=C5=82ownia?= <bglownia@gmail.com>
Date: Wed, 20 Sep 2023 22:03:07 +0200
Subject: [PATCH] fix(accounts): hide no rows label when there is only pinned
 row (#4833)

Co-authored-by: Matthew Russell <mattrussell36@gmail.com>
---
 libs/accounts/src/lib/accounts-table.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/libs/accounts/src/lib/accounts-table.tsx b/libs/accounts/src/lib/accounts-table.tsx
index 413eb9338..bbd9f7b94 100644
--- a/libs/accounts/src/lib/accounts-table.tsx
+++ b/libs/accounts/src/lib/accounts-table.tsx
@@ -312,7 +312,6 @@ export const AccountTable = ({
   ]);
 
   const data = rowData?.filter((data) => data.asset.id !== pinnedAsset?.id);
-
   return (
     <AgGrid
       {...props}
@@ -321,6 +320,13 @@ export const AccountTable = ({
       rowData={data}
       defaultColDef={defaultColDef}
       columnDefs={colDefs}
+      overlayNoRowsTemplate={
+        // account for the pinned asset is filtered out to prevent duplicate
+        // data in the pinned row and the main table rows. AgGrid will not
+        // consider the pinned row when determining whether to show the no
+        // rows template or not so we need to override it
+        rowData?.length ? '<span />' : props.overlayNoRowsTemplate
+      }
       getRowHeight={getPinnedAssetRowHeight}
       pinnedTopRowData={pinnedRow ? [pinnedRow] : undefined}
     />