diff --git a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx index 805e57194f..b4119b6b52 100644 --- a/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx +++ b/apps/wallet-mobile/src/features/Discover/useCases/SelectDappFromList/DAppTypes/DAppTypes.tsx @@ -12,13 +12,32 @@ type Props = { } export const DAppTypes = ({types, onToggle, selectedTypes}: Props) => { const {styles} = useStyles() + const scrollViewRef = React.useRef(null) const sorted = React.useMemo(() => sortTypes(types, selectedTypes), [types, selectedTypes]) return ( - + {sorted.map((type) => { const isSelected = selectedTypes.includes(type) - return onToggle(type)} /> + return ( + { + scrollViewRef.current?.scrollTo({ + x: 0, + animated: true, + }) + onToggle(type) + }} + /> + ) })}