diff --git a/src/routes/safe/components/Balances/Tokens/screens/AssetsList/index.tsx b/src/routes/safe/components/Balances/Tokens/screens/AssetsList/index.tsx
index fbe2f64b..6f4f4e93 100644
--- a/src/routes/safe/components/Balances/Tokens/screens/AssetsList/index.tsx
+++ b/src/routes/safe/components/Balances/Tokens/screens/AssetsList/index.tsx
@@ -1,4 +1,5 @@
import MuiList from '@material-ui/core/List'
+import CircularProgress from '@material-ui/core/CircularProgress'
import Search from '@material-ui/icons/Search'
import cn from 'classnames'
import SearchBar from 'material-ui-search-bar'
@@ -27,6 +28,10 @@ import {
export const ADD_CUSTOM_ASSET_BUTTON_TEST_ID = 'add-custom-asset-btn'
+type Props = {
+ setActiveScreen: (newScreen: string) => void
+}
+
const filterBy = (filter, nfts) =>
nfts.filter(
(asset) =>
@@ -36,7 +41,7 @@ const filterBy = (filter, nfts) =>
asset.symbol.toLowerCase().includes(filter.toLowerCase()),
)
-const AssetsList = (props) => {
+const AssetsList = (props: Props): React.ReactElement => {
const classes = useStyles()
const searchClasses = {
input: classes.searchInput,
@@ -126,12 +131,12 @@ const AssetsList = (props) => {
- {!nftAssetsList.length && (
+ {!nftAssetsList?.length && (
- No collectibles available
+ {!nftAssetsList ? : No collectibles available}
)}
- {nftAssetsList.length > 0 && (
+ {nftAssetsFilteredList.length > 0 && (