Do not show asset card while searching

Also add animation for when it pops open
EdgeApp · Jan 24, 2024 · 3c6b32e · 3c6b32e
1 parent fe7ad31
commit 3c6b32e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/scenes/TransactionListScene.tsx b/src/components/scenes/TransactionListScene.tsx
@@ -199,9 +199,11 @@ function TransactionListComponent(props: Props) {
           onSearchingChange={setIsSearching}
           onSearchTextChange={setSearchText}
         />
-        {assetStatuses.length > 0
+        {assetStatuses.length > 0 && !isSearching
           ? assetStatuses.map(assetStatus => (
-              <AssetStatusCard assetStatus={assetStatus} key={`${String(assetStatus.localeStatusTitle)}-${String(assetStatus.localeStatusBody)}`} />
+              <EdgeAnim enter={{ type: 'fadeInDown', distance: 10 }} key={`${String(assetStatus.localeStatusTitle)}-${String(assetStatus.localeStatusBody)}`}>
+                <AssetStatusCard assetStatus={assetStatus} key={`${String(assetStatus.localeStatusTitle)}-${String(assetStatus.localeStatusBody)}`} />
+              </EdgeAnim>
             ))
           : null}
       </>