feat(Jumio): add profile limit and trade processing time data to jumi…

…ostatus
blockchain · Jul 22, 2018 · 7330e22 · 7330e22
1 parent 193d9d4
commit 7330e22
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 6 deletions.
diff --git a/...lockchain-wallet-v4-frontend/src/scenes/BuySell/SfoxCheckout/Content/JumioStatus/index.js b/...lockchain-wallet-v4-frontend/src/scenes/BuySell/SfoxCheckout/Content/JumioStatus/index.js
@@ -23,7 +23,13 @@ class JumioStatusContainer extends React.PureComponent {
 
   render () {
     return this.props.data.cata({
-      Success: value => <Success value={value} onClick={this.openJumio} />,
+      Success: value => (
+        <Success
+          profile={value.profile}
+          onClick={this.openJumio}
+          jumioStatus={value.jumioStatus}
+        />
+      ),
       Loading: () => <div />,
       NotAsked: () => <div />,
       Failure: () => <div />

diff --git a/...chain-wallet-v4-frontend/src/scenes/BuySell/SfoxCheckout/Content/JumioStatus/selectors.js b/...chain-wallet-v4-frontend/src/scenes/BuySell/SfoxCheckout/Content/JumioStatus/selectors.js
@@ -1,3 +1,16 @@
-import { path } from 'ramda'
+import { lift, path } from 'ramda'
+import { selectors } from 'data'
 
-export const getData = state => path(['sfoxSignup', 'jumioStatus'])(state)
+export const getData = state => {
+  const jumioStatusR = path(['sfoxSignup', 'jumioStatus'])(state)
+  const profileR = selectors.core.data.sfox.getProfile(state)
+
+  const transform = (jumioStatus, profile) => {
+    return {
+      jumioStatus,
+      profile
+    }
+  }
+
+  return lift(transform)(jumioStatusR, profileR)
+}
diff --git a/...allet-v4-frontend/src/scenes/BuySell/SfoxCheckout/Content/JumioStatus/template.success.js b/...allet-v4-frontend/src/scenes/BuySell/SfoxCheckout/Content/JumioStatus/template.success.js
@@ -30,8 +30,26 @@ const ButtonWrapper = styled.div`
   }
 `
 
-export const Success = ({ value, onClick }) => {
-  const { status, completed } = value
+export const Success = ({ jumioStatus, profile, onClick }) => {
+  const { status, completed } = jumioStatus
+
+  const profileStatusHelper = () => {
+    let minutesInADay = 1440
+    return (
+      <Text weight={300} size={'14px'}>
+        <FormattedMessage
+          id='scenes.buysell.sfoxcheckout.content.jumio.profile'
+          defaultMessage='Buy Limit: {buyLimit}. Sell Limit: {sellLimit}. Buy trades will take {buyProcessingTime} days to process and sell trades {sellProcessingTime} days.'
+          values={{
+            buyLimit: '$' + profile.limits.buy,
+            sellLimit: '$' + profile.limits.sell,
+            buyProcessingTime: profile.processingTimes.usd.buy / minutesInADay,
+            sellProcessingTime: profile.processingTimes.usd.sell / minutesInADay
+          }}
+        />
+      </Text>
+    )
+  }
   const statusTitleHelper = () => {
     switch (status) {
       case 'DONE':
@@ -123,7 +141,11 @@ export const Success = ({ value, onClick }) => {
   return (
     <Container>
       <Title>{statusTitleHelper()}</Title>
-      <Body>{statusBodyHelper()}</Body>
+      <Body>
+        {statusBodyHelper()}
+        <br />
+        {profileStatusHelper()}
+      </Body>
       <ButtonWrapper>{statusButtonHelper()}</ButtonWrapper>
     </Container>
   )