-
Notifications
You must be signed in to change notification settings - Fork 78
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #53 from VerusCoin/gateway
Gateway
- Loading branch information
Showing
29 changed files
with
524 additions
and
58 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| /* | ||
| This component creates a modal to claim RFox | ||
| migrated funds | ||
| */ | ||
|
|
||
| import { ethers } from "ethers"; | ||
| import React, { Component } from "react" | ||
| import { | ||
| View, | ||
| Modal, | ||
| Text, | ||
| ScrollView, | ||
| Alert, | ||
| } from "react-native" | ||
| import AlertAsync from "react-native-alert-async"; | ||
| import StandardButton from "../components/StandardButton" | ||
| import Colors from '../globals/colors'; | ||
| import Styles from '../styles/index' | ||
| import { claimRFoxAccountBalances, estimateGasClaimRFoxAccountBalances } from "../utils/api/channels/erc20/requests/specific/rfox/claimAccountBalance"; | ||
| import { ETHERS } from "../utils/constants/web3Constants"; | ||
|
|
||
| class RFoxClaim extends Component { | ||
| constructor(props) { | ||
| super(props) | ||
| this.state = { | ||
| loading: false, | ||
| rewards: ethers.utils.formatUnits(props.rewards) | ||
| } | ||
| } | ||
|
|
||
| cancelHandler = () => { | ||
| if (this.props.cancel) { | ||
| this.props.cancel() | ||
| } | ||
| } | ||
|
|
||
| canClaim = (feeString) => { | ||
| return AlertAsync( | ||
| 'Claim RFOX?', | ||
| `Would you like to claim ${this.state.rewards} RFOX? This action will cost you an estimated ${feeString} ETH in fees.`, | ||
| [ | ||
| { | ||
| text: 'No', | ||
| onPress: () => Promise.resolve(false), | ||
| style: 'cancel', | ||
| }, | ||
| {text: 'Yes', onPress: () => Promise.resolve(true)}, | ||
| ], | ||
| { | ||
| cancelable: false, | ||
| }, | ||
| ) | ||
| } | ||
|
|
||
| claim = () => { | ||
| this.setState({ loading: true }, async () => { | ||
| try { | ||
| const gasFee = ethers.utils.formatUnits( | ||
| await estimateGasClaimRFoxAccountBalances( | ||
| this.props.pubKey, | ||
| this.props.fromAddress | ||
| ), | ||
| ETHERS | ||
| ); | ||
|
|
||
| if (await this.canClaim(gasFee.toString())) { | ||
| try { | ||
| await claimRFoxAccountBalances(this.props.privKey, this.props.pubKey) | ||
|
|
||
| this.props.onSuccess() | ||
| } catch(e) { | ||
| console.error(e) | ||
| Alert.alert("Error", "Error claiming RFOX funds, try adding ETH to your wallet to cover fees, and claim again.") | ||
| this.setState({ | ||
| loading: false | ||
| }) | ||
| } | ||
| } | ||
| } catch(e) { | ||
| console.error(e) | ||
| Alert.alert("Error", "Error estimating gas for claim tx.") | ||
| } | ||
|
|
||
| this.setState({ loading: false }) | ||
| }) | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <Modal | ||
| animationType={this.props.animationType} | ||
| transparent={false} | ||
| visible={this.props.visible} | ||
| onRequestClose={this.cancelHandler}> | ||
| <ScrollView | ||
| style={Styles.flexBackground} | ||
| contentContainerStyle={Styles.centerContainer}> | ||
| <View style={Styles.headerContainer}> | ||
| <Text style={Styles.centralHeader}> | ||
| {"Claim RFox Funds"} | ||
| </Text> | ||
| </View> | ||
| <View style={Styles.standardWidthFlexGrowCenterBlock}> | ||
| <Text style={Styles.centralInfoTextPadded}> | ||
| {'You have the following funds available to claim.'} | ||
| </Text> | ||
| <Text style={Styles.seedWord}>{this.state.rewards + " RFOX"}</Text> | ||
| <Text style={Styles.centralLightTextPadded}> | ||
| {"Press the claim button to add them to your wallet!"} | ||
| </Text> | ||
| </View> | ||
| <View style={Styles.footerContainer}> | ||
| <View style={Styles.standardWidthSpaceBetweenBlock}> | ||
| <StandardButton | ||
| color={Colors.warningButtonColor} | ||
| disabled={this.state.loading} | ||
| title="CLOSE" | ||
| onPress={this.cancelHandler} | ||
| /> | ||
| <StandardButton | ||
| color={Colors.successButtonColor} | ||
| disabled={this.state.loading} | ||
| title="CLAIM" | ||
| onPress={this.claim} | ||
| /> | ||
| </View> | ||
| </View> | ||
| </ScrollView> | ||
| </Modal> | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| export default RFoxClaim; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.