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 && (