diff --git a/packages/app-staking/src/StakeList/Account.tsx b/packages/app-staking/src/StakeList/Account.tsx index 7d5fdf1411..3ba9de5303 100644 --- a/packages/app-staking/src/StakeList/Account.tsx +++ b/packages/app-staking/src/StakeList/Account.tsx @@ -9,11 +9,12 @@ import { QueueTx$ExtrinsicAdd } from '@polkadot/ui-app/Status/types'; import { ApiProps } from '@polkadot/ui-api/types'; import React from 'react'; -import { AccountId, Balance } from '@polkadot/types'; +import { AccountId, Balance, ValidatorPrefs } from '@polkadot/types'; import { AddressMini, AddressSummary, Button } from '@polkadot/ui-app/index'; import { withCall, withMulti } from '@polkadot/ui-api/index'; import Nominating from './Nominating'; +import Preferences from './Preferences'; import UnnominateButton from './UnnominateButton'; import translate from '../translate'; @@ -32,7 +33,8 @@ type Props = ApiProps & I18nProps & { type State = { isNominateOpen: boolean, - isNominating: boolean + isNominating: boolean, + isPrefsOpen: boolean }; class Account extends React.PureComponent { @@ -41,7 +43,8 @@ class Account extends React.PureComponent { this.state = { isNominateOpen: false, - isNominating: false + isNominating: false, + isPrefsOpen: false }; } @@ -55,7 +58,7 @@ class Account extends React.PureComponent { render () { const { accountId, balanceArray, intentions, name } = this.props; - const { isNominateOpen } = this.state; + const { isNominateOpen, isPrefsOpen } = this.state; return (
@@ -65,6 +68,12 @@ class Account extends React.PureComponent { onNominate={this.nominate} intentions={intentions} /> + { onClick={this.unstake} text={t('Unstake')} /> + +