fix(misc coinify ui)

blockchain · Jun 4, 2018 · 2902170 · 2902170
1 parent 80be591
commit 2902170
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/CoinifyTradeDetails/Kyc.js b/packages/blockchain-wallet-v4-frontend/src/modals/CoinifyTradeDetails/Kyc.js
@@ -1,6 +1,8 @@
 import React, { Fragment } from 'react'
 import styled from 'styled-components'
 import { FormattedMessage } from 'react-intl'
+import { prop } from 'ramda'
+
 import { ModalHeader, ModalBody, Text, Button } from 'blockchain-info-components'
 import { kycBodyHelper, kycHeaderHelper } from 'services/CoinifyService'
 import { spacing } from 'services/StyleService'
@@ -25,10 +27,10 @@ const Kyc = ({ close, status }) => {
       </ModalHeader>
       <ModalBody>
         <Text color={kycHeader.color} style={spacing('mb-10')}>
-          { kycHeader.text }
+          { prop('text', kycHeader) }
         </Text>
         <Text size='13px' weight={300}>
-          { kycBody.text }
+          { prop('text', kycBody) }
         </Text>
         <ButtonRow>
           <Button width='100px' onClick={close} nature='primary'>

diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/CoinifyTradeDetails/Trade.js b/packages/blockchain-wallet-v4-frontend/src/modals/CoinifyTradeDetails/Trade.js
@@ -44,7 +44,7 @@ const Trade = ({ trade, close }) => {
         <StyledOrderDetailsTable>
           <OrderDetailsRow>
             <Text size='13px' weight={300}><FormattedMessage id='orderdetails.coinifytradeid' defaultMessage='Coinify Trade ID' /></Text>
-            <Text size='13px' weight={300}>{prop('id', trade)}</Text>
+            <Text size='13px' weight={300}>{`CNY-${prop('id', trade)}`}</Text>
           </OrderDetailsRow>
           <OrderDetailsRow>
             <Text size='13px' weight={300}><FormattedMessage id='orderdetails.date' defaultMessage='Date Initialized' /></Text>

diff --git a/...ockchain-wallet-v4-frontend/src/scenes/BuySell/CoinifyCheckout/Content/KYCNotification.js b/...ockchain-wallet-v4-frontend/src/scenes/BuySell/CoinifyCheckout/Content/KYCNotification.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Fragment } from 'react'
 import { FormattedMessage } from 'react-intl'
 import styled from 'styled-components'
 import { Text, Button } from 'blockchain-info-components'
@@ -40,8 +40,14 @@ const KYCNotification = (props) => {
             <Text size='12px' weight={300}>
               {
                 type === 'sell'
-                  ? <FormattedMessage id='scenes.buysell.coinifycheckout.content.kycnotification.limitsnotice.buy' defaultMessage='While your identity gets verified, you can sell up to {limit} BTC.' values={{ limit: sellMax }} />
-                  : <FormattedMessage id='scenes.buysell.coinifycheckout.content.kycnotification.limitsnotice.sell' defaultMessage='While your identity gets verified, you can buy up to {symbol}{limit}.' values={{ symbol: symbol, limit: limits.max }} />
+                  ? <Fragment>
+                    <FormattedMessage id='scenes.buysell.coinifycheckout.content.kycnotification.limitsnotice.sell' defaultMessage='While your identity gets verified, you can sell up to ' />
+                    {sellMax} BTC.
+                  </Fragment>
+                  : <Fragment>
+                    <FormattedMessage id='scenes.buysell.coinifycheckout.content.kycnotification.limitsnotice.buy' defaultMessage='While your identity gets verified, you can buy up to ' />
+                    {symbol}{limits.max}.
+                  </Fragment>
               }
             </Text>
           </LimitsNotice>

diff --git a/packages/blockchain-wallet-v4/src/redux/data/coinify/reducers.js b/packages/blockchain-wallet-v4/src/redux/data/coinify/reducers.js
@@ -78,7 +78,7 @@ const coinifyReducer = (state = INITIAL_STATE, action) => {
       return assoc('nextAddress', payload, state)
     }
     case AT.RESET_PROFILE: {
-      return assoc('profile', null)
+      return assoc('profile', Remote.NotAsked)
     }
     case AT.GET_DELEGATE_TOKEN_SUCCESS: {
       return assoc('delegateToken', payload, state)