chore: udpates

apps/wallet-mobile/src/NftDetails/NftDetailsImage.tsx

@@ -1,16 +1,15 @@
 import React from 'react'
-import {Dimensions, StyleSheet, View} from 'react-native'
+import {Dimensions, StyleSheet, useWindowDimensions, View} from 'react-native'
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import ViewTransformer from 'react-native-easy-view-transformer'
 
 import {FadeIn} from '../components'
-import {NftPreview} from '../components/NftPreview'
+import {MediaPreview} from '../features/Portfolio/common/MediaGallery/MediaPreview'
 import {useSelectedWallet} from '../features/WalletManager/Context'
 import {useMetrics} from '../metrics/metricsManager'
 import {NftRoutes, useParams} from '../navigation'
 import {isEmptyString} from '../utils/utils'
-import {useNft} from '../yoroi-wallets/hooks'
 
 type Params = NftRoutes['nft-details']
 
@@ -21,20 +20,28 @@ const isParams = (params?: Params | object | undefined): params is Params => {
 export const NftDetailsImage = () => {
   const {id} = useParams<Params>(isParams)
   const wallet = useSelectedWallet()
-  const nft = useNft(wallet, {id})
-  const {track} = useMetrics()
 
+  // TODO: revisit (missing refresh mechanism)
+  // reading from the getter, there is no need to subscribe to changes
+  // until implementation of the new refresh mechanism in here
+  const amount = wallet.balances.records.get(id)
+
+  const dimensions = useWindowDimensions()
+
+  const {track} = useMetrics()
   React.useEffect(() => {
-    if (!isEmptyString(nft?.id)) track.nftGalleryDetailsImageViewed()
-  }, [nft?.id, track])
+    track.nftGalleryDetailsImageViewed()
+  }, [track, id])
 
-  const dimensions = Dimensions.get('window')
+  // record can be gone when arriving here, need a state
+  // TODO: revisit + product definition (missing is gone state)
+  if (!amount) return null
 
   return (
     <FadeIn style={styles.container}>
       <ViewTransformer maxScale={3} minScale={1}>
         <View style={styles.contentContainer}>
-          <NftPreview nft={nft} width={dimensions.width} height={dimensions.height} zoom={1} contentFit="contain" />
+          <MediaPreview info={amount.info} width={dimensions.width} height={dimensions.height} contentFit="contain" />
         </View>
       </ViewTransformer>
     </FadeIn>

apps/wallet-mobile/src/TxHistory/TxHistoryList/TxHistoryList.tsx

@@ -52,13 +52,13 @@ export const TxHistoryList = (props: Props) => {
         testID="txHistoryList"
         onEndReached={handleOnEndReached}
         onEndReachedThreshold={0.5}
-        estimatedItemSize={88}
+        estimatedItemSize={72}
       />
     </View>
   )
 }
 
-const batchSize = 20
+const batchSize = 20 
 
 const getTransactionsByDate = (transactions: Record<string, TransactionInfo>) =>
   _(transactions)