diff --git a/packages/mobile/locales/en-US/fiatExchangeFlow.json b/packages/mobile/locales/en-US/fiatExchangeFlow.json
index 5ca9fde37b8..758841016ec 100644
--- a/packages/mobile/locales/en-US/fiatExchangeFlow.json
+++ b/packages/mobile/locales/en-US/fiatExchangeFlow.json
@@ -60,9 +60,9 @@
"celoDeposit": "CELO Purchase",
"cUsdDeposit": "cUSD Purchase",
"cicoSuccess": {
- "title": "Transaction started!",
- "bodyWithProvider": "{{provider}} is processing your order. You should receive your funds within 1-2 days.",
- "bodyWithoutProvider": "The service provider is processing your order. You should receive your funds within 1-2 days."
+ "title": "Order submitted!",
+ "bodyWithProvider": "{{provider}} is processing your order. You should receive your funds within a couple of days.",
+ "bodyWithoutProvider": "The service provider is processing your order. You should receive your funds within a couple of days."
},
"restrictedRegion": "Limited support in region"
}
diff --git a/packages/mobile/src/fiatExchanges/CashInSuccess.tsx b/packages/mobile/src/fiatExchanges/CashInSuccess.tsx
index fb114ad5025..6a4b192b248 100644
--- a/packages/mobile/src/fiatExchanges/CashInSuccess.tsx
+++ b/packages/mobile/src/fiatExchanges/CashInSuccess.tsx
@@ -21,25 +21,23 @@ function CashInSuccessScreen({ route }: Props) {
return (
-
-
- {t('cicoSuccess.title')}
-
+
+ {t('cicoSuccess.title')}
{provider
? t('cicoSuccess.bodyWithProvider', { provider })
: t('cicoSuccess.bodyWithoutProvider')}
-
-
-
+
+
+
)
@@ -57,33 +55,26 @@ const styles = StyleSheet.create({
flexDirection: 'column',
justifyContent: 'space-between',
alignItems: 'center',
- },
- imageContainer: {
- flex: 1,
- flexDirection: 'column',
- alignItems: 'center',
- justifyContent: 'center',
- },
- image: {
- marginBottom: 30,
+ padding: 32,
},
title: {
...fontStyles.large500,
+ paddingTop: 8,
+ paddingBottom: 16,
},
content: {
- flex: 0,
+ flex: 1,
padding: 16,
display: 'flex',
flexDirection: 'column',
- justifyContent: 'space-between',
- alignItems: 'stretch',
+ justifyContent: 'center',
+ alignItems: 'center',
},
contentText: {
...fontStyles.regular,
textAlign: 'center',
},
buttonContainer: {
- paddingTop: 16,
flexDirection: 'row',
},
button: {
diff --git a/packages/mobile/src/fiatExchanges/__snapshots__/CashInSuccess.test.tsx.snap b/packages/mobile/src/fiatExchanges/__snapshots__/CashInSuccess.test.tsx.snap
index cb9e9ed4e41..2b0853387b5 100644
--- a/packages/mobile/src/fiatExchanges/__snapshots__/CashInSuccess.test.tsx.snap
+++ b/packages/mobile/src/fiatExchanges/__snapshots__/CashInSuccess.test.tsx.snap
@@ -10,6 +10,7 @@ exports[`CashinInSuccess renders correctly with a provider 1`] = `
"flexDirection": "column",
"justifyContent": "space-between",
"overflow": "hidden",
+ "padding": 32,
}
}
>
@@ -17,9 +18,11 @@ exports[`CashinInSuccess renders correctly with a provider 1`] = `
style={
Object {
"alignItems": "center",
+ "display": "flex",
"flex": 1,
"flexDirection": "column",
"justifyContent": "center",
+ "padding": 16,
}
}
>
@@ -30,11 +33,6 @@ exports[`CashinInSuccess renders correctly with a provider 1`] = `
"testUri": "../../../packages/mobile/src/images/fiat-exchange.png",
}
}
- style={
- Object {
- "marginBottom": 30,
- }
- }
/>
cicoSuccess.title
-
-
cicoSuccess.bodyWithProvider
+
+
-
-
- global:continue
-
-
+ global:continue
+
@@ -172,6 +158,7 @@ exports[`CashinInSuccess renders correctly without a provider 1`] = `
"flexDirection": "column",
"justifyContent": "space-between",
"overflow": "hidden",
+ "padding": 32,
}
}
>
@@ -179,9 +166,11 @@ exports[`CashinInSuccess renders correctly without a provider 1`] = `
style={
Object {
"alignItems": "center",
+ "display": "flex",
"flex": 1,
"flexDirection": "column",
"justifyContent": "center",
+ "padding": 16,
}
}
>
@@ -192,11 +181,6 @@ exports[`CashinInSuccess renders correctly without a provider 1`] = `
"testUri": "../../../packages/mobile/src/images/fiat-exchange.png",
}
}
- style={
- Object {
- "marginBottom": 30,
- }
- }
/>
cicoSuccess.title
-
-
cicoSuccess.bodyWithoutProvider
+
+
-
-
- global:continue
-
-
+ global:continue
+