Browse Source
ADD: Persist the preferred unit per wallet. ADD: Deeplinking for bitcoin, lightning ADD: Added fee in tx details ADD: Fiat Currency in settings panel ADD: Select Wallet on Send screen ADD: Currency settings panel (eur, usd) FIX: Disabled autocorrect when importing wallet (security issue)localNotifications
Igor Korsakov
6 years ago
committed by
GitHub
GitHub
38 changed files with 968 additions and 412 deletions
@ -0,0 +1,61 @@ |
|||
import React from 'react'; |
|||
import { Linking } from 'react-native'; |
|||
import { NavigationActions } from 'react-navigation'; |
|||
|
|||
import MainBottomTabs from './MainBottomTabs'; |
|||
|
|||
export default class App extends React.Component { |
|||
navigator = null; |
|||
|
|||
componentDidMount() { |
|||
Linking.getInitialURL() |
|||
.then(url => this.handleOpenURL({ url })) |
|||
.catch(console.error); |
|||
|
|||
Linking.addEventListener('url', this.handleOpenURL); |
|||
} |
|||
|
|||
componentWillUnmount() { |
|||
Linking.removeEventListener('url', this.handleOpenURL); |
|||
} |
|||
|
|||
handleOpenURL = event => { |
|||
if (event.url === null) { |
|||
return; |
|||
} |
|||
if (typeof event.url !== 'string') { |
|||
return; |
|||
} |
|||
if (event.url.indexOf('bitcoin:') === 0 || event.url.indexOf('BITCOIN:') === 0) { |
|||
this.navigator && |
|||
this.navigator.dispatch( |
|||
NavigationActions.navigate({ |
|||
routeName: 'SendDetails', |
|||
params: { |
|||
uri: event.url, |
|||
}, |
|||
}), |
|||
); |
|||
} else if (event.url.indexOf('lightning:') === 0 || event.url.indexOf('LIGHTNING:') === 0) { |
|||
this.navigator && |
|||
this.navigator.dispatch( |
|||
NavigationActions.navigate({ |
|||
routeName: 'ScanLndInvoice', |
|||
params: { |
|||
uri: event.url, |
|||
}, |
|||
}), |
|||
); |
|||
} |
|||
}; |
|||
|
|||
render() { |
|||
return ( |
|||
<MainBottomTabs |
|||
ref={nav => { |
|||
this.navigator = nav; |
|||
}} |
|||
/> |
|||
); |
|||
} |
|||
} |
|||
@ -1,8 +1,5 @@ |
|||
export const BitcoinUnit = Object.freeze({ |
|||
BTC: 'BTC', |
|||
MBTC: 'mBTC', |
|||
BITS: 'bits', |
|||
SATOSHIS: 'satoshis', |
|||
SATS: 'sats', |
|||
LOCAL_CURRENCY: 'local_currency', |
|||
}); |
|||
|
|||
@ -0,0 +1,4 @@ |
|||
export const FiatUnit = Object.freeze({ |
|||
USD: { endPointKey: 'btcusd', storageKey: 'BTC_USD', formatterValue: 'USD', symbol: '$' }, |
|||
EUR: { endPointKey: 'btceur', storageKey: 'BTC_EUR', formatterValue: 'EUR', symbol: '€' }, |
|||
}); |
|||
@ -0,0 +1,89 @@ |
|||
import React, { Component } from 'react'; |
|||
import { FlatList, TouchableOpacity, AsyncStorage, ActivityIndicator, View } from 'react-native'; |
|||
import { SafeBlueArea, BlueNavigationStyle, BlueListItem } from '../../BlueComponents'; |
|||
import PropTypes from 'prop-types'; |
|||
import { Icon } from 'react-native-elements'; |
|||
import { AppStorage } from '../../class'; |
|||
import { FiatUnit } from '../../models/fiatUnit'; |
|||
/** @type {AppStorage} */ |
|||
let loc = require('../../loc'); |
|||
let currency = require('../../currency'); |
|||
|
|||
export default class Currency extends Component { |
|||
static navigationOptions = () => ({ |
|||
...BlueNavigationStyle(), |
|||
title: loc.settings.currency, |
|||
}); |
|||
|
|||
constructor(props) { |
|||
super(props); |
|||
this.state = { data: Object.values(FiatUnit), isSavingNewPreferredCurrency: false }; |
|||
} |
|||
|
|||
async componentDidMount() { |
|||
try { |
|||
const preferredCurrency = await AsyncStorage.getItem(AppStorage.PREFERREDCURRENCY); |
|||
if (preferredCurrency === null) { |
|||
throw Error(); |
|||
} |
|||
this.setState({ selectedCurrency: JSON.parse(preferredCurrency) }); |
|||
} catch (_error) { |
|||
this.setState({ selectedCurrency: FiatUnit.USD }); |
|||
} |
|||
} |
|||
|
|||
renderItem = ({ item }) => { |
|||
return ( |
|||
<TouchableOpacity |
|||
onPress={() => { |
|||
this.setState({ isSavingNewPreferredCurrency: true, selectedCurrency: item }, async () => { |
|||
await AsyncStorage.setItem(AppStorage.PREFERREDCURRENCY, JSON.stringify(item)); |
|||
await currency.startUpdater(true); |
|||
this.setState({ isSavingNewPreferredCurrency: false }); |
|||
}); |
|||
}} |
|||
> |
|||
<BlueListItem |
|||
title={item.symbol + ' ' + item.formatterValue} |
|||
{...(this.state.selectedCurrency.formatterValue === item.formatterValue |
|||
? { |
|||
rightIcon: this.state.selectedNewCurrency ? ( |
|||
<ActivityIndicator /> |
|||
) : ( |
|||
<Icon name="check" type="font-awesome" color="#0c2550" /> |
|||
), |
|||
} |
|||
: { hideChevron: true })} |
|||
/> |
|||
</TouchableOpacity> |
|||
); |
|||
}; |
|||
|
|||
render() { |
|||
if (this.state.selectedCurrency !== null && this.state.selectedCurrency !== undefined) { |
|||
return ( |
|||
<SafeBlueArea forceInset={{ horizontal: 'always' }} style={{ flex: 1 }}> |
|||
<FlatList |
|||
style={{ flex: 1 }} |
|||
keyExtractor={(_item, index) => `${index}`} |
|||
data={this.state.data} |
|||
extraData={this.state.data} |
|||
renderItem={this.renderItem} |
|||
/> |
|||
</SafeBlueArea> |
|||
); |
|||
} |
|||
return ( |
|||
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> |
|||
<ActivityIndicator /> |
|||
</View> |
|||
); |
|||
} |
|||
} |
|||
|
|||
Currency.propTypes = { |
|||
navigation: PropTypes.shape({ |
|||
navigate: PropTypes.func, |
|||
goBack: PropTypes.func, |
|||
}), |
|||
}; |
|||
@ -0,0 +1,190 @@ |
|||
import React, { Component } from 'react'; |
|||
import { View, ActivityIndicator, Image, Text, TouchableOpacity, FlatList } from 'react-native'; |
|||
import { SafeBlueArea, BlueNavigationStyle } from '../../BlueComponents'; |
|||
import LinearGradient from 'react-native-linear-gradient'; |
|||
import PropTypes from 'prop-types'; |
|||
import { WatchOnlyWallet, LegacyWallet } from '../../class'; |
|||
import { HDLegacyP2PKHWallet } from '../../class/hd-legacy-p2pkh-wallet'; |
|||
import { HDLegacyBreadwalletWallet } from '../../class/hd-legacy-breadwallet-wallet'; |
|||
import { HDSegwitP2SHWallet } from '../../class/hd-segwit-p2sh-wallet'; |
|||
import { LightningCustodianWallet } from '../../class/lightning-custodian-wallet'; |
|||
import ReactNativeHapticFeedback from 'react-native-haptic-feedback'; |
|||
/** @type {AppStorage} */ |
|||
let BlueApp = require('../../BlueApp'); |
|||
let loc = require('../../loc'); |
|||
|
|||
export default class SelectWallet extends Component { |
|||
static navigationOptions = () => ({ |
|||
...BlueNavigationStyle(), |
|||
title: loc.wallets.select_wallet, |
|||
}); |
|||
|
|||
constructor(props) { |
|||
super(props); |
|||
this.state = { |
|||
isLoading: true, |
|||
data: [], |
|||
}; |
|||
} |
|||
|
|||
componentDidMount() { |
|||
const wallets = BlueApp.getWallets().filter(item => item.type !== new LightningCustodianWallet().type); |
|||
this.setState({ |
|||
data: wallets, |
|||
isLoading: false, |
|||
}); |
|||
} |
|||
|
|||
_renderItem = ({ item }) => { |
|||
let gradient1 = '#65ceef'; |
|||
let gradient2 = '#68bbe1'; |
|||
|
|||
if (new WatchOnlyWallet().type === item.type) { |
|||
gradient1 = '#7d7d7d'; |
|||
gradient2 = '#4a4a4a'; |
|||
} |
|||
|
|||
if (new LegacyWallet().type === item.type) { |
|||
gradient1 = '#40fad1'; |
|||
gradient2 = '#15be98'; |
|||
} |
|||
|
|||
if (new HDLegacyP2PKHWallet().type === item.type) { |
|||
gradient1 = '#e36dfa'; |
|||
gradient2 = '#bd10e0'; |
|||
} |
|||
|
|||
if (new HDLegacyBreadwalletWallet().type === item.type) { |
|||
gradient1 = '#fe6381'; |
|||
gradient2 = '#f99c42'; |
|||
} |
|||
|
|||
if (new HDSegwitP2SHWallet().type === item.type) { |
|||
gradient1 = '#c65afb'; |
|||
gradient2 = '#9053fe'; |
|||
} |
|||
|
|||
if (new LightningCustodianWallet().type === item.type) { |
|||
gradient1 = '#f1be07'; |
|||
gradient2 = '#f79056'; |
|||
} |
|||
|
|||
return ( |
|||
<TouchableOpacity |
|||
onPress={() => { |
|||
ReactNativeHapticFeedback.trigger('selection', false); |
|||
this.props.navigation.getParam('onWalletSelect')(item); |
|||
}} |
|||
> |
|||
<View |
|||
shadowOpacity={40 / 100} |
|||
shadowOffset={{ width: 0, height: 0 }} |
|||
shadowRadius={5} |
|||
style={{ backgroundColor: 'transparent', padding: 10, marginVertical: 17 }} |
|||
> |
|||
<LinearGradient |
|||
shadowColor="#000000" |
|||
colors={[gradient1, gradient2]} |
|||
style={{ |
|||
padding: 15, |
|||
borderRadius: 10, |
|||
minHeight: 164, |
|||
elevation: 5, |
|||
}} |
|||
> |
|||
<Image |
|||
source={ |
|||
(new LightningCustodianWallet().type === item.type && require('../../img/lnd-shape.png')) || |
|||
require('../../img/btc-shape.png') |
|||
} |
|||
style={{ |
|||
width: 99, |
|||
height: 94, |
|||
position: 'absolute', |
|||
bottom: 0, |
|||
right: 0, |
|||
}} |
|||
/> |
|||
|
|||
<Text style={{ backgroundColor: 'transparent' }} /> |
|||
<Text |
|||
numberOfLines={1} |
|||
style={{ |
|||
backgroundColor: 'transparent', |
|||
fontSize: 19, |
|||
color: '#fff', |
|||
}} |
|||
> |
|||
{item.getLabel()} |
|||
</Text> |
|||
<Text |
|||
numberOfLines={1} |
|||
adjustsFontSizeToFit |
|||
style={{ |
|||
backgroundColor: 'transparent', |
|||
fontWeight: 'bold', |
|||
fontSize: 36, |
|||
color: '#fff', |
|||
}} |
|||
> |
|||
{loc.formatBalance(item.getBalance())} |
|||
</Text> |
|||
<Text style={{ backgroundColor: 'transparent' }} /> |
|||
<Text |
|||
numberOfLines={1} |
|||
style={{ |
|||
backgroundColor: 'transparent', |
|||
fontSize: 13, |
|||
color: '#fff', |
|||
}} |
|||
> |
|||
{loc.wallets.list.latest_transaction} |
|||
</Text> |
|||
<Text |
|||
numberOfLines={1} |
|||
style={{ |
|||
backgroundColor: 'transparent', |
|||
fontWeight: 'bold', |
|||
fontSize: 16, |
|||
color: '#fff', |
|||
}} |
|||
> |
|||
{loc.transactionTimeToReadable(item.getLatestTransactionTime())} |
|||
</Text> |
|||
</LinearGradient> |
|||
</View> |
|||
</TouchableOpacity> |
|||
); |
|||
}; |
|||
|
|||
render() { |
|||
if (this.state.isLoading || this.state.data.length <= 0) { |
|||
return ( |
|||
<View style={{ flex: 1, paddingTop: 20 }}> |
|||
<ActivityIndicator /> |
|||
</View> |
|||
); |
|||
} |
|||
|
|||
return ( |
|||
<SafeBlueArea> |
|||
<FlatList |
|||
style={{ flex: 1 }} |
|||
extraData={this.state.data} |
|||
data={this.state.data} |
|||
renderItem={this._renderItem} |
|||
keyExtractor={(_item, index) => `${index}`} |
|||
/> |
|||
</SafeBlueArea> |
|||
); |
|||
} |
|||
} |
|||
|
|||
SelectWallet.propTypes = { |
|||
navigation: PropTypes.shape({ |
|||
navigate: PropTypes.func, |
|||
setParams: PropTypes.func, |
|||
dismiss: PropTypes.func, |
|||
getParam: PropTypes.func, |
|||
}), |
|||
}; |
|||
Loading…
Reference in new issue