Clickable headings

Emurgo · Jul 15, 2024 · b08676e · b08676e
1 parent 750d2a5
commit b08676e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 42 deletions.
diff --git a/...rc/features/Portfolio/useCases/PortfolioDashboard/DashboardNFTsList/DashboardNFTsList.tsx b/...rc/features/Portfolio/useCases/PortfolioDashboard/DashboardNFTsList/DashboardNFTsList.tsx
@@ -1,15 +1,6 @@
 import {useTheme} from '@yoroi/theme'
 import * as React from 'react'
-import {
-  FlatList,
-  Image,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  TouchableOpacityProps,
-  useWindowDimensions,
-  View,
-} from 'react-native'
+import {FlatList, Image, StyleSheet, Text, TouchableOpacity, useWindowDimensions, View} from 'react-native'
 
 import nftPlaceholder from '../../../../../assets/img/nft-placeholder.png'
 import {Icon, Spacer} from '../../../../../components'
@@ -68,22 +59,13 @@ type HeadingProps = {
   onPress: () => void
 }
 const Heading = ({countNfts, onPress}: HeadingProps) => {
-  const {styles} = useStyles()
+  const {styles, colors} = useStyles()
   const strings = useStrings()
 
   return (
-    <View style={[styles.container, styles.actionsContainer]}>
+    <TouchableOpacity onPress={onPress} style={[styles.container, styles.actionsContainer]}>
       <Text style={styles.title}>{strings.nfts(countNfts)}</Text>
 
-      <TouchNFTsList onPress={onPress} />
-    </View>
-  )
-}
-
-const TouchNFTsList = ({onPress}: TouchableOpacityProps) => {
-  const {colors} = useStyles()
-  return (
-    <TouchableOpacity onPress={onPress}>
       <Icon.ArrowRight color={colors.gray_800} size={24} />
     </TouchableOpacity>
   )

diff --git a/...eatures/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokensList.tsx b/...eatures/Portfolio/useCases/PortfolioDashboard/DashboardTokensList/DashboardTokensList.tsx
@@ -1,15 +1,7 @@
 import {isPrimaryToken} from '@yoroi/portfolio'
 import {useTheme} from '@yoroi/theme'
 import * as React from 'react'
-import {
-  FlatList,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  TouchableOpacityProps,
-  useWindowDimensions,
-  View,
-} from 'react-native'
+import {FlatList, StyleSheet, Text, TouchableOpacity, useWindowDimensions, View} from 'react-native'
 
 import {Icon, Spacer} from '../../../../../components'
 import {makeList} from '../../../../../kernel/utils'
@@ -121,23 +113,13 @@ type HeadingProps = {
   onPress: () => void
 }
 const Heading = ({countTokens, onPress, isFirstUser}: HeadingProps) => {
-  const {styles} = useStyles()
+  const {styles, colors} = useStyles()
   const strings = useStrings()
 
   return (
-    <View style={[styles.container, styles.actionsContainer]}>
+    <TouchableOpacity onPress={onPress} style={[styles.container, styles.actionsContainer]}>
       <Text style={styles.title}>{strings.tokens(isFirstUser ? 0 : countTokens)}</Text>
 
-      <TouchTokensList onPress={onPress} />
-    </View>
-  )
-}
-
-const TouchTokensList = ({onPress}: TouchableOpacityProps) => {
-  const {colors} = useStyles()
-
-  return (
-    <TouchableOpacity onPress={onPress}>
       <Icon.ArrowRight color={colors.gray_800} size={24} />
     </TouchableOpacity>
   )