-
Notifications
You must be signed in to change notification settings - Fork 32
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Updated gas calculations (#92) * Update index.js * Update index.js * added Compound, Claim Delegate Dialog, Claim Delegate Validator Selec… (#93) * added Compound, Claim Delegate Dialog, Claim Delegate Validator Select Field components * Errors Resolved * Errors Resolved * Errors Resolved * Errors Resolved * Resolved the fee issue * Resolved the amount issue * Resolved the amount issue * implemented the condition where claim amount should be greater than gas fee amount * issue resolved * issue resolved * issue resolved --------- Co-authored-by: = <=> Co-authored-by: SrikanthSoparla <[email protected]> * Multi-Delegate (#94) * Created MultiDelegateButton * Multidelegate button * Redux Store * multi-delegate button styling * added multidelegate button in stake page * mui select field with select all button * added support for multi-delegate * for multidelegate * handle multi delegate and styling * Fixed select all, works better now. * Removed caniuse-lite and reformated the code. * Showing active validators only. * added multi-delegate button to homescreen and changed the style to match viewall button * refractoring * changed breakpoints, fixed autoscroll on select all button. * Fixed Success Message * Success Dialog -> Validator Image, Name, Address * Style formatting * Removed un-required proptypes * Removed un-required parts * onMouseEnter working, onMouseExit not working * Replaced Popover with Tooltip. * Resolved some warnings. Changed button to div. * formatting * minor format * Removed unused Proptypes. * Transitions for pages and dialog boxes (#95) * FadeIn for pages, ScaleUp for dialogs. Added back checks for Image before rendering. * animation fixes. * yarn lock fixes. --------- Co-authored-by: SrikanthSoparla <[email protected]> --------- Co-authored-by: Daksha Validator <[email protected]> Co-authored-by: VasaviMahajan <[email protected]> Co-authored-by: Rahman <[email protected]>
- Loading branch information
4 people
authored
Aug 9, 2023
1 parent
0a06428
commit 5f11d02
Showing
20 changed files
with
1,096 additions
and
38 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,248 @@ | ||
| import React, { useState } from 'react'; | ||
| import { Button, Dialog, DialogActions, DialogContent } from '@material-ui/core'; | ||
| import * as PropTypes from 'prop-types'; | ||
| import { | ||
| hideClaimDelegateDialog, | ||
| setTokens, | ||
| showDelegateFailedDialog, | ||
| showDelegateProcessingDialog, | ||
| showDelegateSuccessDialog, | ||
| } from '../../../actions/stake'; | ||
| import { connect } from 'react-redux'; | ||
| import '../../Stake/DelegateDialog/index.css'; | ||
| import { cosmoStationSign, signTxAndBroadcast } from '../../../helper'; | ||
| import { showMessage } from '../../../actions/snackbar'; | ||
| import { fetchRewards, fetchVestingBalance, getBalance } from '../../../actions/accounts'; | ||
| import { config } from '../../../config'; | ||
| import variables from '../../../utils/variables'; | ||
| import CircularProgress from '../../../components/CircularProgress'; | ||
| import { gas } from '../../../defaultGasValues'; | ||
| import ClaimDelegateValidatorsSelectField from './ClaimDelegateValidatorSelectField'; | ||
|
|
||
| const ClaimDelegateDialog = (props) => { | ||
| const [inProgress, setInProgress] = useState(false); | ||
|
|
||
| const handleClaimAll = () => { | ||
| setInProgress(true); | ||
| let gasValue = gas.claim_reward + gas.delegate; | ||
| let count = 0; | ||
| if (props.rewards && props.rewards.rewards && props.rewards.rewards.length > 1) { | ||
| props.rewards.rewards.map((item) => { | ||
| const tokens = item && item.reward && item.reward.length && | ||
| item.reward.filter((val) => val.amount > gasValue * config.GAS_PRICE_STEP_AVERAGE); | ||
| if (tokens) { | ||
| count += tokens.length; | ||
| } | ||
| return null; | ||
| }); | ||
| } | ||
| if (count) { | ||
| gasValue = count * gasValue / 1.1 + gasValue; | ||
| } | ||
|
|
||
| const updatedTx = { | ||
| msgs: [], | ||
| fee: { | ||
| amount: [{ | ||
| amount: String(gasValue * config.GAS_PRICE_STEP_AVERAGE), | ||
| denom: config.COIN_MINIMAL_DENOM, | ||
| }], | ||
| gas: String(gasValue), | ||
| }, | ||
| memo: '', | ||
| }; | ||
| if (props.rewards && props.rewards.rewards && | ||
| props.rewards.rewards.length) { | ||
| props.rewards.rewards.map((item) => { | ||
| let tokens = item && item.reward && item.reward.length && | ||
| item.reward.find((val) => val.denom === config.COIN_MINIMAL_DENOM); | ||
| tokens = tokens && tokens.amount; | ||
| if (tokens && tokens > ((gas.claim_reward + gas.delegate) * config.GAS_PRICE_STEP_AVERAGE)) { | ||
| updatedTx.msgs.push({ | ||
| typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward', | ||
| value: { | ||
| delegatorAddress: props.address, | ||
| validatorAddress: item.validator_address, | ||
| }, | ||
| }, { | ||
| typeUrl: '/cosmos.staking.v1beta1.MsgDelegate', | ||
| value: { | ||
| delegatorAddress: props.address, | ||
| validatorAddress: item.validator_address, | ||
| amount: { | ||
| amount: String(Math.floor(Number(tokens))), | ||
| denom: config.COIN_MINIMAL_DENOM, | ||
| }, | ||
| }, | ||
| }); | ||
| } | ||
| return null; | ||
| }); | ||
| } | ||
|
|
||
| if (localStorage.getItem('of_co_wallet') === 'cosmostation') { | ||
| cosmoStationSign(updatedTx, props.address, handleFetch); | ||
| return; | ||
| } | ||
|
|
||
| signTxAndBroadcast(updatedTx, props.address, handleFetch); | ||
| }; | ||
|
|
||
| const handleFetch = (error, result) => { | ||
| setInProgress(false); | ||
| if (error) { | ||
| if (error.indexOf('not yet found on the chain') > -1) { | ||
| props.pendingDialog(); | ||
| return; | ||
| } | ||
| props.failedDialog(); | ||
| props.showMessage(error); | ||
| return; | ||
| } | ||
| if (result) { | ||
| props.setTokens(tokens); | ||
| props.successDialog(result.transactionHash); | ||
| props.fetchRewards(props.address); | ||
| props.getBalance(props.address); | ||
| props.fetchVestingBalance(props.address); | ||
| } | ||
| }; | ||
|
|
||
| const handleClaim = () => { | ||
| setInProgress(true); | ||
| const updatedTx = { | ||
| msgs: [{ | ||
| typeUrl: '/cosmos.distribution.v1beta1.MsgWithdrawDelegatorReward', | ||
| value: { | ||
| delegatorAddress: props.address, | ||
| validatorAddress: props.value, | ||
| }, | ||
| }, { | ||
| typeUrl: '/cosmos.staking.v1beta1.MsgDelegate', | ||
| value: { | ||
| delegatorAddress: props.address, | ||
| validatorAddress: props.value, | ||
| amount: { | ||
| amount: String(Math.floor(Number(delegateableTokesn))), | ||
| denom: config.COIN_MINIMAL_DENOM, | ||
| }, | ||
| }, | ||
| }], | ||
| fee: { | ||
| amount: [{ | ||
| amount: String((gas.claim_reward + gas.delegate) * config.GAS_PRICE_STEP_AVERAGE), | ||
| denom: config.COIN_MINIMAL_DENOM, | ||
| }], | ||
| gas: String(gas.claim_reward + gas.delegate), | ||
| }, | ||
| memo: '', | ||
| }; | ||
|
|
||
| if (localStorage.getItem('of_co_wallet') === 'cosmostation') { | ||
| cosmoStationSign(updatedTx, props.address, handleFetch); | ||
| return; | ||
| } | ||
|
|
||
| signTxAndBroadcast(updatedTx, props.address, handleFetch); | ||
| }; | ||
|
|
||
| const rewards = props.rewards && props.rewards.rewards && | ||
| props.rewards.rewards.length && | ||
| props.rewards.rewards.filter((value) => value.validator_address === props.value); | ||
|
|
||
| let tokens = rewards && rewards.length && rewards[0] && rewards[0].reward && | ||
| rewards[0].reward.length && rewards[0].reward.find((val) => val.denom === config.COIN_MINIMAL_DENOM); | ||
| const delegateableTokesn = tokens && tokens.amount; | ||
| tokens = tokens && tokens.amount ? tokens.amount / 10 ** config.COIN_DECIMALS : 0; | ||
|
|
||
| if (props.value === 'all' && props.rewards && props.rewards.rewards && | ||
| props.rewards.rewards.length) { | ||
| const gasValue = (gas.claim_reward + gas.delegate) * config.GAS_PRICE_STEP_AVERAGE; | ||
| let total = 0; | ||
|
|
||
| props.rewards.rewards.map((value) => { | ||
| let rewards = value.reward && value.reward.length && | ||
| value.reward.find((val) => val.denom === config.COIN_MINIMAL_DENOM); | ||
| rewards = rewards && rewards.amount && rewards.amount > gasValue ? rewards.amount / 10 ** config.COIN_DECIMALS : 0; | ||
| total = rewards + total; | ||
|
|
||
| return total; | ||
| }); | ||
| tokens = total; | ||
| } | ||
|
|
||
| const disable = props.value === 'none' || inProgress; | ||
|
|
||
| return ( | ||
| <Dialog | ||
| aria-describedby="claim-dialog-description" | ||
| aria-labelledby="claim-dialog-title" | ||
| className="dialog delegate_dialog claim_dialog" | ||
| open={props.open} | ||
| onClose={props.handleClose}> | ||
| {inProgress && <CircularProgress className="full_screen"/>} | ||
| <DialogContent className="content"> | ||
| <h1>Claim and Delegate Rewards</h1> | ||
| <p>Select validator</p> | ||
| <ClaimDelegateValidatorsSelectField/> | ||
| {tokens && tokens > 0 | ||
| ? <p>rewards: {tokens.toFixed(4)}</p> | ||
| : null} | ||
| </DialogContent> | ||
| <DialogActions className="footer"> | ||
| <Button | ||
| disabled={disable} | ||
| variant="contained" | ||
| onClick={props.value === 'all' ? handleClaimAll : handleClaim}> | ||
| {inProgress | ||
| ? variables[props.lang]['approval_pending'] | ||
| : variables[props.lang].compound} | ||
| </Button> | ||
| </DialogActions> | ||
| </Dialog> | ||
| ); | ||
| }; | ||
|
|
||
| ClaimDelegateDialog.propTypes = { | ||
| failedDialog: PropTypes.func.isRequired, | ||
| fetchRewards: PropTypes.func.isRequired, | ||
| fetchVestingBalance: PropTypes.func.isRequired, | ||
| getBalance: PropTypes.func.isRequired, | ||
| handleClose: PropTypes.func.isRequired, | ||
| lang: PropTypes.string.isRequired, | ||
| open: PropTypes.bool.isRequired, | ||
| pendingDialog: PropTypes.func.isRequired, | ||
| rewards: PropTypes.shape({ | ||
| rewards: PropTypes.array, | ||
| total: PropTypes.array, | ||
| }).isRequired, | ||
| setTokens: PropTypes.func.isRequired, | ||
| showMessage: PropTypes.func.isRequired, | ||
| successDialog: PropTypes.func.isRequired, | ||
| value: PropTypes.string.isRequired, | ||
| address: PropTypes.string, | ||
| }; | ||
|
|
||
| const stateToProps = (state) => { | ||
| return { | ||
| address: state.accounts.address.value, | ||
| lang: state.language, | ||
| open: state.stake.claimDelegateDialog.open, | ||
| value: state.stake.claimDelegateDialog.validator, | ||
| rewards: state.accounts.rewards.result, | ||
| }; | ||
| }; | ||
|
|
||
| const actionToProps = { | ||
| handleClose: hideClaimDelegateDialog, | ||
| failedDialog: showDelegateFailedDialog, | ||
| successDialog: showDelegateSuccessDialog, | ||
| pendingDialog: showDelegateProcessingDialog, | ||
| getBalance, | ||
| fetchVestingBalance, | ||
| showMessage, | ||
| fetchRewards, | ||
| setTokens, | ||
| }; | ||
|
|
||
| export default connect(stateToProps, actionToProps)(ClaimDelegateDialog); |
Oops, something went wrong.