diff --git a/src/config/locales/en-US.json b/src/config/locales/en-US.json index 6ba8fcbac..201b47f97 100644 --- a/src/config/locales/en-US.json +++ b/src/config/locales/en-US.json @@ -81,7 +81,7 @@ "fill_convert_request": "Convert Executed", "fill_transfer_from_savings": "Savings Executed", "fill_vesting_withdraw": "PowerDown executed", - "estm": { + "ecency": { "title": "Points", "buy": "GET POINTS" }, diff --git a/src/screens/wallet/children/children.styles.ts b/src/screens/wallet/children/children.styles.ts index ef8d49286..094e85e0c 100644 --- a/src/screens/wallet/children/children.styles.ts +++ b/src/screens/wallet/children/children.styles.ts @@ -25,6 +25,36 @@ export default EStyleSheet.create({ flex:1, } as ViewStyle, + claimContainer:{ + flexDirection:'row', + justifyContent:'center', + alignItems:'center', + marginTop:8 + } as ViewStyle, + + claimBtn:{ + flexDirection: 'row', + paddingHorizontal: 16 + } as ViewStyle, + + claimBtnTitle:{ + color: '$pureWhite', + fontSize: 14, + fontWeight: 'bold', + alignSelf: 'center', + } as ViewStyle, + + claimIconWrapper: { + backgroundColor: '$pureWhite', + justifyContent: 'center', + alignSelf: 'center', + alignItems: 'center', + borderRadius: 20, + marginLeft: 20, + width: 24, + height: 24, + } as ViewStyle, + logo:{ height:24, width:24, diff --git a/src/screens/wallet/children/coinCard.tsx b/src/screens/wallet/children/coinCard.tsx index 997ffb614..5d8177736 100644 --- a/src/screens/wallet/children/coinCard.tsx +++ b/src/screens/wallet/children/coinCard.tsx @@ -1,25 +1,29 @@ import { View, Text, Dimensions, TouchableOpacity } from 'react-native'; -import React, { ComponentType } from 'react'; +import React, { ComponentType, Fragment } from 'react'; import styles from './children.styles'; -import { MainButton, SimpleChart, TextButton } from '../../../components'; +import { Icon, MainButton, SimpleChart, TextButton } from '../../../components'; import { COIN_IDS } from '../../../constants/defaultCoins'; +import { useIntl } from 'react-intl'; +import EStyleSheet from 'react-native-extended-stylesheet'; export interface CoinCardProps { - chartData:number[] - name:string, - notCrypto:boolean, - symbol:string, - currencySymbol:string, - changePercent:number, - currentValue:number, - ownedTokens:number, - unclaimedRewards:string, - enableBuy?:boolean, + id:string; + chartData:number[]; + name:string; + notCrypto:boolean; + symbol:string; + currencySymbol:string; + changePercent:number; + currentValue:number; + ownedTokens:number; + unclaimedRewards:string; + enableBuy?:boolean; footerComponent:ComponentType onPress:()=>void } export const CoinCard = ({ + id, notCrypto, chartData, name, @@ -38,6 +42,8 @@ export const CoinCard = ({ return null } + const intl = useIntl(); + const _renderHeader = ( {/* */} @@ -56,11 +62,26 @@ export const CoinCard = ({ const _renderClaimSection = () => { if(unclaimedRewards || enableBuy){ const btnTitle = unclaimedRewards - ? unclaimedRewards + '\nCLAIM' - : 'GET MORE' + ? unclaimedRewards + : intl.formatMessage({ id: `wallet.${id}.buy`}); return ( - - {}} /> + + {}} + > + + + {btnTitle} + + + + + + ) }