From 6b5eb0155cf97c193e366b94243fdf844930bf0d Mon Sep 17 00:00:00 2001
From: JJ Adonis <josejaimecareers@gmail.com>
Date: Tue, 16 Nov 2021 16:52:01 +0800
Subject: [PATCH] `dex` - lint (#1305)

* bump loans to Beta

* `hasBetaFeatures` flag

* update snapshot

* updates

* updates

* updates

* updates

* merge
---
 .../AppNavigator/screens/Dex/DexScreen.tsx    | 38 ++++++++++++++-----
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/mobile-app/app/screens/AppNavigator/screens/Dex/DexScreen.tsx b/mobile-app/app/screens/AppNavigator/screens/Dex/DexScreen.tsx
index 1a85653949..b4cb40014f 100644
--- a/mobile-app/app/screens/AppNavigator/screens/Dex/DexScreen.tsx
+++ b/mobile-app/app/screens/AppNavigator/screens/Dex/DexScreen.tsx
@@ -108,7 +108,8 @@ export function DexScreen (): JSX.Element {
         style={tailwind('flex flex-row px-4 py-3')}
       >
         <View style={tailwind('flex flex-col')}>
-          <ThemedText light={tailwind('text-gray-500')} dark={tailwind('text-gray-400')} style={tailwind('text-xs')}>{translate('screens/DexScreen', 'Total Value Locked (USD)')}</ThemedText>
+          <ThemedText light={tailwind('text-gray-500')} dark={tailwind('text-gray-400')}
+                      style={tailwind('text-xs')}>{translate('screens/DexScreen', 'Total Value Locked (USD)')}</ThemedText>
           <ThemedText>
             <NumberFormat
               displayType='text'
@@ -201,14 +202,17 @@ function YourPoolPairCards ({
   availablePairs,
   onAdd,
   onRemove
-}: { yourPairs: Array<{type: string, data: WalletToken}>, availablePairs: Array<DexItem<PoolPairData>>, onAdd: (data: PoolPairData) => void, onRemove: (data: PoolPairData) => void }): JSX.Element {
+}: { yourPairs: Array<{ type: string, data: WalletToken }>, availablePairs: Array<DexItem<PoolPairData>>, onAdd: (data: PoolPairData) => void, onRemove: (data: PoolPairData) => void }): JSX.Element {
   return (
     <ThemedFlatList
       data={yourPairs}
       numColumns={1}
       keyExtractor={(_item, index) => index.toString()}
       testID='your_liquidity_tab'
-      renderItem={({ item, index }: {item: {type: string, data: WalletToken}, index: number}): JSX.Element => {
+      renderItem={({
+        item,
+        index
+      }: { item: { type: string, data: WalletToken }, index: number }): JSX.Element => {
         const { data: yourPair } = item
         const poolPairData = availablePairs.find(pr => pr.data.symbol === (yourPair as AddressToken).symbol)
         const mappedPair = poolPairData?.data
@@ -273,7 +277,10 @@ function AvailablePoolPairCards ({
       numColumns={1}
       keyExtractor={(_item, index) => index.toString()}
       testID='available_liquidity_tab'
-      renderItem={({ item, index }: {item: DexItem<PoolPairData>, index: number}): JSX.Element => {
+      renderItem={({
+        item,
+        index
+      }: { item: DexItem<PoolPairData>, index: number }): JSX.Element => {
         const { data: pair } = item
         const [symbolA, symbolB] = (pair?.tokenA != null && pair?.tokenB != null)
           ? [pair.tokenA.displaySymbol, pair.tokenB.displaySymbol]
@@ -297,7 +304,8 @@ function AvailablePoolPairCards ({
               </ThemedText>
             </View>
 
-            <PoolPairInfoDetails type='available' pair={pair} tokenATotal={pair?.tokenA.reserve} tokenBTotal={pair?.tokenB.reserve} testID='available' />
+            <PoolPairInfoDetails type='available' pair={pair} tokenATotal={pair?.tokenA.reserve}
+                                 tokenBTotal={pair?.tokenB.reserve} testID='available' />
 
             <View style={tailwind('flex-row mt-4 flex-wrap')}>
               <PoolPairActionButton
@@ -326,8 +334,14 @@ function AvailablePoolPairCards ({
   )
 }
 
-function PoolPairInfoDetails (props: {type: 'available' | 'your', pairAmount?: string, pair: PoolPairData | undefined, tokenATotal: string, tokenBTotal: string, testID: string}): JSX.Element {
-  const { type, pair, pairAmount, tokenATotal, tokenBTotal } = props
+function PoolPairInfoDetails (props: { type: 'available' | 'your', pairAmount?: string, pair: PoolPairData | undefined, tokenATotal: string, tokenBTotal: string, testID: string }): JSX.Element {
+  const {
+    type,
+    pair,
+    pairAmount,
+    tokenATotal,
+    tokenBTotal
+  } = props
   const pairSymbol = (pair?.tokenA.displaySymbol !== undefined && pair?.tokenB.displaySymbol !== undefined) ? `${pair?.tokenA?.displaySymbol}-${pair?.tokenB?.displaySymbol}` : ''
   const decimalScale = type === 'available' ? 2 : 8
 
@@ -433,8 +447,12 @@ function PoolPairInfoLine (props: PoolPairInfoLineProps): JSX.Element {
   )
 }
 
-function PoolPairActions (props: {onAdd: () => void, onRemove: () => void, symbol: string }): JSX.Element {
-  const { onAdd, onRemove, symbol } = props
+function PoolPairActions (props: { onAdd: () => void, onRemove: () => void, symbol: string }): JSX.Element {
+  const {
+    onAdd,
+    onRemove,
+    symbol
+  } = props
   return (
     <View style={tailwind('flex-row mt-3 flex-wrap -mr-2')}>
       <PoolPairActionButton
@@ -469,7 +487,7 @@ function PoolPairActionButton (props: { name: React.ComponentProps<typeof Materi
   )
 }
 
-function PoolPairIcon (props: { symbolA: string, symbolB: string}): JSX.Element {
+function PoolPairIcon (props: { symbolA: string, symbolB: string }): JSX.Element {
   const IconA = getNativeIcon(props.symbolA)
   const IconB = getNativeIcon(props.symbolB)