Simplify exchange details tile

Author: samholmes

src/components/cards/SwapDetailsCard.tsx

@@ -1,7 +1,7 @@
 import { abs, sub } from 'biggystring'
 import { EdgeCurrencyWallet, EdgeTransaction, EdgeTxSwap } from 'edge-core-js'
 import * as React from 'react'
-import { Linking, Platform, View } from 'react-native'
+import { Linking, Platform } from 'react-native'
 import Mailer from 'react-native-mail'
 import SafariView from 'react-native-safari-view'
 import { sprintf } from 'sprintf-js'
@@ -21,7 +21,6 @@ import { convertNativeToDisplay, unixToLocaleDateTime } from '../../util/utils'
 import { RawTextModal } from '../modals/RawTextModal'
 import { EdgeRow } from '../rows/EdgeRow'
 import { Airship, showError } from '../services/AirshipInstance'
-import { cacheStyles, Theme, useTheme } from '../services/ThemeContext'
 import { EdgeText } from '../themed/EdgeText'
 import { EdgeCard } from './EdgeCard'
 
@@ -35,8 +34,6 @@ const TXID_PLACEHOLDER = '{{TXID}}'
 
 export function SwapDetailsCard(props: Props) {
   const { swapData, transaction, wallet } = props
-  const theme = useTheme()
-  const styles = getStyles(theme)
 
   const { memos = [], spendTargets = [], tokenId } = transaction
   const { currencyInfo } = wallet
@@ -159,12 +156,6 @@ export function SwapDetailsCard(props: Props) {
           getExchangeDenom(destinationWallet.currencyConfig, null).name
         })`
 
-  const symbolString =
-    currencyInfo.currencyCode === transaction.currencyCode &&
-    walletDefaultDenom.symbol != null
-      ? walletDefaultDenom.symbol
-      : transaction.currencyCode
-
   const createExchangeDataString = (newline: string = '\n') => {
     const uniqueIdentifier = memos
       .map(
@@ -216,23 +207,16 @@ export function SwapDetailsCard(props: Props) {
         title={lstrings.transaction_details_exchange_details}
         onPress={handleExchangeDetails}
       >
-        <View style={styles.tileColumn}>
-          <EdgeText>
-            {lstrings.title_exchange + ' ' + sourceAmount + ' ' + symbolString}
-          </EdgeText>
-          <EdgeText>
-            {lstrings.string_to_capitalize +
-              ' ' +
-              destinationAmount +
-              ' ' +
-              destinationAssetName}
-          </EdgeText>
-          <EdgeText>
-            {swapData.isEstimate
-              ? lstrings.estimated_quote
-              : lstrings.fixed_quote}
-          </EdgeText>
-        </View>
+        <EdgeText>
+          {`${sourceAmount} ${sourceAssetName}` +
+            ' → ' +
+            `${destinationAmount} ${destinationAssetName}`}
+        </EdgeText>
+        <EdgeText>
+          {swapData.isEstimate
+            ? lstrings.estimated_quote
+            : lstrings.fixed_quote}
+        </EdgeText>
       </EdgeRow>
       {orderUri == null ? null : (
         <EdgeRow
@@ -253,10 +237,3 @@ export function SwapDetailsCard(props: Props) {
     </EdgeCard>
   )
 }
-
-const getStyles = cacheStyles((theme: Theme) => ({
-  tileColumn: {
-    flexDirection: 'column',
-    justifyContent: 'center'
-  }
-}))