|
|
@@ -13,6 +13,7 @@ import { PaymentDefault } from '../payment/PaymentConfig';
|
|
|
import { PageList } from '../Router';
|
|
|
import { Balance } from './Payment';
|
|
|
import TopupPaythod from './TopupPaythod';
|
|
|
+import app from '../../../app.json';
|
|
|
|
|
|
export default class TopupNew extends Component {
|
|
|
constructor(props) {
|
|
|
@@ -125,28 +126,50 @@ export default class TopupNew extends Component {
|
|
|
<View style={styles.contentView}>
|
|
|
<View style={styles.topupView}>
|
|
|
<WalletTitle>{$t('wallet.titleChooseCreditValue')}</WalletTitle>
|
|
|
- <View style={styles.topupItems}>
|
|
|
- { this.state.topupList.map((item, index) => {
|
|
|
- return (
|
|
|
- <BadgeSelectItem
|
|
|
- key={index}
|
|
|
- style={[styles.topupItem, index > 0 && styles.right]}
|
|
|
- checked={index == this.state.selectIndex}
|
|
|
- onPress={() => {
|
|
|
- this.setState({
|
|
|
- selectIndex: index
|
|
|
- })
|
|
|
- }}>
|
|
|
- <Text style={[styles.topupText, index == this.state.selectIndex && {color: colorAccent}]}>
|
|
|
- {item.amount}
|
|
|
- <Text style={{fontSize: 16}}> {item.currency}</Text>
|
|
|
- </Text>
|
|
|
- </BadgeSelectItem>
|
|
|
-
|
|
|
- );
|
|
|
- })
|
|
|
- }
|
|
|
- </View>
|
|
|
+ { app.modules.nationally
|
|
|
+ ? <View style={styles.topupItems2}>
|
|
|
+ { this.state.topupList.map((item, index) => {
|
|
|
+ return (
|
|
|
+ <BadgeSelectItem
|
|
|
+ key={index}
|
|
|
+ style={[styles.topupItem2]}
|
|
|
+ checked={index == this.state.selectIndex}
|
|
|
+ onPress={() => {
|
|
|
+ this.setState({
|
|
|
+ selectIndex: index
|
|
|
+ })
|
|
|
+ }}>
|
|
|
+ <Text style={[styles.topupText, index == this.state.selectIndex && {color: colorAccent}]}>
|
|
|
+ {item.amount}
|
|
|
+ <Text style={{fontSize: 16}}> {item.currency}</Text>
|
|
|
+ </Text>
|
|
|
+ </BadgeSelectItem>
|
|
|
+ );
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </View>
|
|
|
+ : <View style={styles.topupItems}>
|
|
|
+ { this.state.topupList.map((item, index) => {
|
|
|
+ return (
|
|
|
+ <BadgeSelectItem
|
|
|
+ key={index}
|
|
|
+ style={[styles.topupItem, index > 0 && styles.right]}
|
|
|
+ checked={index == this.state.selectIndex}
|
|
|
+ onPress={() => {
|
|
|
+ this.setState({
|
|
|
+ selectIndex: index
|
|
|
+ })
|
|
|
+ }}>
|
|
|
+ <Text style={[styles.topupText, index == this.state.selectIndex && {color: colorAccent}]}>
|
|
|
+ {item.amount}
|
|
|
+ <Text style={{fontSize: 16}}> {item.currency}</Text>
|
|
|
+ </Text>
|
|
|
+ </BadgeSelectItem>
|
|
|
+ );
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </View>
|
|
|
+ }
|
|
|
</View>
|
|
|
{ !PaymentDefault.is2c2p &&
|
|
|
<View style={styles.topupView}>
|
|
|
@@ -241,6 +264,10 @@ const styles = StyleSheet.create({
|
|
|
alignItems: 'center',
|
|
|
flexDirection: 'row'
|
|
|
},
|
|
|
+ topupItems2: {
|
|
|
+ paddingBottom: 16,
|
|
|
+ alignItems: 'center'
|
|
|
+ },
|
|
|
topupItem: {
|
|
|
flex: 1,
|
|
|
alignItems: 'center',
|
|
|
@@ -248,6 +275,14 @@ const styles = StyleSheet.create({
|
|
|
backgroundColor: colorLight,
|
|
|
...ElevationObject(5)
|
|
|
},
|
|
|
+ topupItem2: {
|
|
|
+ width: "100%",
|
|
|
+ marginBottom: 16,
|
|
|
+ alignItems: 'center',
|
|
|
+ justifyContent: 'center',
|
|
|
+ backgroundColor: colorLight,
|
|
|
+ ...ElevationObject(5)
|
|
|
+ },
|
|
|
topupText: {
|
|
|
fontSize: 18,
|
|
|
color: textPrimary,
|