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}
/>