mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-03-03 20:07:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

REF: make provideEntropy looks fine on desktop

Browse source
This commit is contained in:
Ivan Vershigora 2020-09-20 11:23:28 +03:00 • committed by Overtorment
parent 71cd5592fe
commit 4d4b5ca914
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
BlueComponents.js
View file

@ -2741,6 +2741,7 @@ const tabsStyles = StyleSheet.create({
borderBottomWidth: 1,
},
tabRoot: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
borderColor: 'white',
@ -2749,7 +2750,7 @@ const tabsStyles = StyleSheet.create({
});
export const BlueTabs = ({ active, onSwitch, tabs }) => (
<View style={tabsStyles.root}>
<View style={[tabsStyles.root, isIpad && { marginBottom: 30 }]}>
{tabs.map((Tab, i) => (
<TouchableOpacity
key={i}
@ -2760,7 +2761,6 @@ export const BlueTabs = ({ active, onSwitch, tabs }) => (
borderColor: BlueCurrentTheme.colors.buttonAlternativeTextColor,
borderBottomWidth: 2,
},
{ width: width / tabs.length },
]}
>
<Tab active={active === i} />

11
screen/wallets/provideEntropy.js
View file

@ -1,7 +1,7 @@
import React, { useReducer, useState } from 'react';
import PropTypes from 'prop-types';
import BN from 'bignumber.js';
import { Dimensions, View, ScrollView, Text, Image, TouchableOpacity, StyleSheet } from 'react-native';
import { View, ScrollView, Text, Image, TouchableOpacity, StyleSheet, useWindowDimensions } from 'react-native';
import { Icon } from 'react-native-elements';
import { useNavigation, useRoute, useTheme } from '@react-navigation/native';
@ -115,6 +115,8 @@ Coin.propTypes = {
};
const Dice = ({ push, sides }) => {
const { width } = useWindowDimensions();
const diceWidth = width / 4;
const diceIcon = i => {
switch (i) {
case 1:
@ -136,7 +138,7 @@ const Dice = ({ push, sides }) => {
<ScrollView contentContainerStyle={styles.diceContainer}>
{[...Array(sides)].map((_, i) => (
<TouchableOpacity key={i} onPress={() => push(getEntropy(i, sides))}>
<View style={styles.diceRoot}>
<View style={[styles.diceRoot, { width: diceWidth }]}>
{sides === 6 ? (
<Icon style={styles.diceIcon} name={diceIcon(i + 1)} size={70} color="grey" type="font-awesome-5" />
) : (
@ -286,6 +288,8 @@ const styles = StyleSheet.create({
borderColor: BlueCurrentTheme.colors.lightButton,
margin: 10,
padding: 10,
maxWidth: 200,
maxHeight: 200,
},
coinImage: {
aspectRatio: 1,
@ -301,8 +305,9 @@ const styles = StyleSheet.create({
paddingBottom: 100,
},
diceRoot: {
width: Dimensions.get('window').width / 4,
aspectRatio: 1,
maxWidth: 200,
maxHeight: 200,
},
dice: {
margin: 3,