Update design

Emurgo · Oct 11, 2023 · 772e547 · 772e547
1 parent 412fea9
commit 772e547
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/...llet-mobile/src/features/Swap/common/SelectPool/SelectPoolFromList/SelectPoolFromList.tsx b/...llet-mobile/src/features/Swap/common/SelectPool/SelectPoolFromList/SelectPoolFromList.tsx
@@ -32,6 +32,8 @@ export const SelectPoolFromList = ({pools = []}: Props) => {
   const sellTokenInfo = useTokenInfo({wallet, tokenId: orderData.amounts.sell.tokenId})
   const buyTokenInfo = useTokenInfo({wallet, tokenId: orderData.amounts.buy.tokenId})
   const denomination = (sellTokenInfo.decimals ?? 0) - (buyTokenInfo.decimals ?? 0)
+  const tokenToSellName = sellTokenInfo.ticker ?? sellTokenInfo.name
+  const tokenToBuyName = buyTokenInfo.ticker ?? buyTokenInfo.name
 
   const handleOnPoolSelection = (pool: Swap.Pool) => {
     track.swapPoolChanged()
@@ -75,14 +77,14 @@ export const SelectPoolFromList = ({pools = []}: Props) => {
                       <Spacer height={8} />
 
                       <View style={styles.info}>
-                        <Text style={styles.infoLabel}>{strings.price}</Text>
+                        <Text style={styles.infoLabel}>{strings.marketPrice}</Text>
 
                         <Text style={styles.infoValue}>
-                          {Quantities.format(
+                          {`${Quantities.format(
                             getMarketPrice(pool, orderData.amounts.sell) ?? Quantities.zero,
                             denomination,
                             PRECISION,
-                          )}
+                          )} ${tokenToSellName}/${tokenToBuyName}`}
                         </Text>
                       </View>
                     </View>