diff --git a/app/components/UI/Swaps/components/TokenSelectModal.js b/app/components/UI/Swaps/components/TokenSelectModal.js index 54da010486a..434d62417e9 100644 --- a/app/components/UI/Swaps/components/TokenSelectModal.js +++ b/app/components/UI/Swaps/components/TokenSelectModal.js @@ -47,13 +47,15 @@ const styles = StyleSheet.create({ }, resultsView: { height: Device.isSmallDevice() ? 200 : 280, - marginTop: 10, - borderTopWidth: 1, - borderTopColor: colors.grey100 + marginTop: 10 }, resultRow: { - borderBottomWidth: StyleSheet.hairlineWidth, + borderTopWidth: StyleSheet.hairlineWidth, borderColor: colors.grey100 + }, + emptyList: { + marginVertical: 10, + marginHorizontal: 30 } }); @@ -110,6 +112,15 @@ function TokenSelectModal({ isVisible, dismiss, title, tokens, onItemPress, excl const handleSearchPress = () => searchInput?.current?.focus(); + const renderEmptyList = useMemo( + () => ( + + No tokens match “{searchString}” + + ), + [searchString] + ); + return ( setSearchString('')} style={styles.modal} > @@ -144,6 +156,7 @@ function TokenSelectModal({ isVisible, dismiss, title, tokens, onItemPress, excl data={tokenSearchResults} renderItem={renderItem} keyExtractor={item => item.address} + ListEmptyComponent={renderEmptyList} />