fixes(release 4.25.0) (#3071)

apps/wallet-mobile/src/components/Warning/Warning.tsx

@@ -0,0 +1,42 @@
+import {useTheme} from '@yoroi/theme'
+import React from 'react'
+import {StyleSheet, Text, View} from 'react-native'
+
+import {Icon} from '../Icon'
+import {Spacer} from '../Spacer'
+
+type Props = {content: string}
+
+export const Warning = ({content}: Props) => {
+  const {styles, colors} = useStyles()
+
+  return (
+    <View style={styles.notice}>
+      <Icon.Info size={30} color={colors.yellow} />
+
+      <Spacer height={8} />
+
+      <Text style={styles.text}>{content}</Text>
+    </View>
+  )
+}
+
+const useStyles = () => {
+  const {theme} = useTheme()
+  const {color, typography} = theme
+  const styles = StyleSheet.create({
+    notice: {
+      backgroundColor: color.yellow[100],
+      padding: 12,
+    },
+    text: {
+      ...typography['body-2-regular'],
+    },
+  })
+
+  const colors = {
+    yellow: color.yellow[500],
+  }
+
+  return {colors, styles}
+}

apps/wallet-mobile/src/components/Warning/index.ts

@@ -0,0 +1 @@
+export * from './Warning'

apps/wallet-mobile/src/features/RampOnOff/common/RampOnOffProvider.tsx

@@ -11,6 +11,8 @@ import {useTokenInfo} from '../../../yoroi-wallets/hooks'
 import {Amounts, Quantities} from '../../../yoroi-wallets/utils'
 import {useStrings} from './useStrings'
 
+const MIN_ADA_LIMIT = 100000000
+
 export const useRampOnOff = () => React.useContext(RampOnOffContext)
 
 export const RampOnOffProvider = ({
@@ -65,7 +67,7 @@ export const RampOnOffProvider = ({
   const isNotEnoughBalance = new BigNumber(state.amount.value).isGreaterThan(new BigNumber(amountBalance))
 
   React.useEffect(() => {
-    actions.canExchangeChanged(state.amount.value !== 0 && state.amount.error === undefined)
+    actions.canExchangeChanged(state.amount.value >= MIN_ADA_LIMIT && state.amount.error === undefined)
   }, [actions, state.amount.error, state.amount.value])
 
   // amount input errors
@@ -76,6 +78,11 @@ export const RampOnOffProvider = ({
       return
     }
 
+    if (state.amount.value > 0 && state.amount.value < MIN_ADA_LIMIT && state.orderType === 'buy') {
+      actions.amountErrorChanged(strings.minAdaRequired)
+      return
+    }
+
     if (
       (!Quantities.isZero(amountBalance) && !isNotEnoughBalance && state.amount.isTouched) ||
       state.orderType === 'buy'
@@ -92,6 +99,8 @@ export const RampOnOffProvider = ({
     state.orderType,
     strings.notEnoughBalance,
     clearErrors,
+    state.amount.value,
+    strings.minAdaRequired,
   ])
 
   const context = React.useMemo(

apps/wallet-mobile/src/features/RampOnOff/common/useStrings.tsx

@@ -21,12 +21,14 @@ export const useStrings = () => {
     fiatAmountYouGet: intl.formatMessage(messages.fiatAmountYouGet),
     goToTransactions: intl.formatMessage(messages.goToTransactions),
     notEnoughBalance: intl.formatMessage(messages.notEnoughBalance),
+    minAdaRequired: intl.formatMessage(messages.minAdaRequired),
     proceed: intl.formatMessage(messages.proceed),
     provider: intl.formatMessage(messages.provider),
     providerFee: intl.formatMessage(messages.providerFee),
     rampOnOffTitle: intl.formatMessage(messages.rampOnOffTitle),
     sellCrypto: intl.formatMessage(messages.sellCrypto),
     significant: intl.formatMessage(messages.significant),
+    sellCurrencyWarning: intl.formatMessage(messages.sellCurrencyWarning),
     title: intl.formatMessage(messages.title),
     getFirstCrypto: intl.formatMessage(messages.getFirstCrypto),
     ourTrustedPartners: intl.formatMessage(messages.ourTrustedPartners),
@@ -85,6 +87,14 @@ export const messages = Object.freeze(
       id: 'swap.swapScreen.notEnoughBalance',
       defaultMessage: '!!!Not Enough Balannce',
     },
+    minAdaRequired: {
+      id: 'rampOnOff.createRampOnOff.minAdaRequired',
+      defaultMessage: '!!!Minimum required is 100 ADA',
+    },
+    sellCurrencyWarning: {
+      id: 'rampOnOff.createRampOnOff.sellCurrencyWarning',
+      defaultMessage: '!!!You can currently sell only to USD using ACH.',
+    },
     congrats: {
       id: 'rampOnOff.resultRampOnOff.congrats',
       defaultMessage: '!!!Congrats🎉 Your ADA will come in a few minutes',

apps/wallet-mobile/src/features/RampOnOff/useCases/CreateExchange/CreateExchange.tsx

@@ -5,7 +5,8 @@ import * as React from 'react'
 import {Linking, StyleSheet, useWindowDimensions, View} from 'react-native'
 import {ScrollView} from 'react-native-gesture-handler'
 
-import {Button, KeyboardAvoidingView} from '../../../../components'
+import {Button, KeyboardAvoidingView, Spacer} from '../../../../components'
+import {Warning} from '../../../../components/Warning'
 import {RAMP_ON_OFF_PATH, SCHEME_URL} from '../../../../legacy/config'
 import env from '../../../../legacy/env'
 import {useMetrics} from '../../../../metrics/metricsManager'
@@ -89,6 +90,10 @@ export const CreateExchange = () => {
 
             <ShowProviderFee />
 
+            <Spacer height={16} />
+
+            {orderType === 'sell' && <Warning content={strings.sellCurrencyWarning} />}
+
             <ShowDisclaimer />
           </View>
         </ScrollView>

apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/SelectNameServer/SelectNameServer.tsx

@@ -2,16 +2,17 @@ import {isNameServer, nameServerName} from '@yoroi/resolver'
 import {Resolver} from '@yoroi/types'
 import * as React from 'react'
 import {ReactNode} from 'react'
-import {Animated, StyleSheet, Text as RNText, View} from 'react-native'
+import {Animated, StyleSheet} from 'react-native'
 
-import {Icon} from '../../../../../components/Icon'
 import {Spacer} from '../../../../../components/Spacer/Spacer'
 import {Text} from '../../../../../components/Text'
+import {Warning} from '../../../../../components/Warning'
 import {ButtonGroup} from '../../../common/ButtonGroup/ButtonGroup'
 import {useSend} from '../../../common/SendContext'
 import {useStrings} from '../../../common/strings'
 
 export const SelectNameServer = () => {
+  const strings = useStrings()
   const {targets, selectedTargetIndex, nameServerSelectedChanged} = useSend()
   const receiver = targets[selectedTargetIndex].receiver
   const {addressRecords} = receiver
@@ -58,7 +59,7 @@ export const SelectNameServer = () => {
             <>
               <Spacer height={16} />
 
-              <ShowManyAddressWarning />
+              <Warning content={String(strings.manyNameServersWarning(bold))} />
             </>
           )}
         </>
@@ -67,20 +68,6 @@ export const SelectNameServer = () => {
   )
 }
 
-export const ShowManyAddressWarning = () => {
-  const strings = useStrings()
-
-  return (
-    <View style={styles.notice}>
-      <Icon.Info size={30} color="#ECBA09" />
-
-      <Spacer height={8} />
-
-      <RNText style={styles.text}>{strings.manyNameServersWarning(bold)}</RNText>
-    </View>
-  )
-}
-
 const toAddressRecordsEntries = (addressRecords: Resolver.Receiver['addressRecords']) =>
   Object.entries(addressRecords ?? {}).reduce((acc, [key, value]) => {
     if (isNameServer(key)) {
@@ -92,16 +79,6 @@ const toAddressRecordsEntries = (addressRecords: Resolver.Receiver['addressRecor
 const bold = {b: (text: ReactNode) => <Text style={styles.bold}>{text}</Text>}
 
 const styles = StyleSheet.create({
-  notice: {
-    backgroundColor: '#FDF7E2',
-    padding: 12,
-  },
-  text: {
-    fontSize: 14,
-    lineHeight: 22,
-    fontWeight: '400',
-    fontFamily: 'Rubik-Regular',
-  },
   bold: {
     fontWeight: '500',
     fontFamily: 'Rubik-Medium',

apps/wallet-mobile/src/i18n/locales/en-US.json

@@ -694,7 +694,7 @@
   "global.sign": "sign",
   "global.signTransaction": "Sign transaction",
   "global.spendingPassword": "Spending Password",
-  "global.exchange": "Exchange",
+  "global.exchange": "Buy/Sell",
   "global.staking.epochLabel": "Epoch",
   "global.staking.stakePoolHash": "Stake pool hash",
   "global.staking.stakePoolName": "Stake pool name",
@@ -882,7 +882,9 @@
   "rampOnOff.createRampOnOff.providerFee": "Provider Fee",
   "rampOnOff.createRampOnOff.provider": "Provider",
   "rampOnOff.createRampOnOff.banxa": "Banxa",
-  "rampOnOff.rampOnOffScreen.rampOnOffTitle": "Exchange ADA",
+  "rampOnOff.createRampOnOff.minAdaRequired": "Minimum required is 100 ADA",
+  "rampOnOff.createRampOnOff.sellCurrencyWarning": "You can currently sell only to USD using ACH.",
+  "rampOnOff.rampOnOffScreen.rampOnOffTitle": "Buy/Sell ADA",
   "rampOnOff.resultRampOnOff.congrats": "Congrats! 🎉 Your transaction is now in progress. You should be receiving funds soon.",
   "rampOnOff.resultRampOnOff.cryptoAmountYouGet": "ADA amount you get",
   "rampOnOff.resultRampOnOff.fiatAmountYouGet": "Fiat amount you sell",