You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
3.0 KiB
70 lines
3.0 KiB
import React from 'react';
|
|
import { translate } from '../../../translate/translate';
|
|
|
|
export const WalletsNavNoWalletRender = function() {
|
|
return (
|
|
<div>
|
|
<div className="col-xs-12 padding-top-20">
|
|
<div className="alert alert-info alert-dismissible">
|
|
<span className="font-size-24 text-align-center">
|
|
<i className="icon fa-paw"></i> { translate('INDEX.NO_WALLET_CAPS') }
|
|
</span>
|
|
<br/>
|
|
{ translate('INDEX.PLEASE_SELECT_A_WALLET') }.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export const WalletsNavWithWalletRender = function() {
|
|
return (
|
|
<div>
|
|
<div
|
|
className={ 'page-header page-header-bordered header-easydex padding-bottom-40 ' + (this.props.ActiveCoin.mode === 'spv' ? 'page-header--spv' : 'page-header--native') }
|
|
id="header-dashboard"
|
|
style={{ marginBottom: '30px' }}>
|
|
{ this.props.ActiveCoin && this.props.ActiveCoin.mode === 'spv' &&
|
|
<div>
|
|
<strong>{ translate('INDEX.MY') } { this.props && this.props.ActiveCoin ? this.props.ActiveCoin.coin : '-' } { translate('INDEX.ADDRESS') }: </strong>
|
|
{ this.props && this.props.Dashboard && this.props.Dashboard.electrumCoins[this.props.ActiveCoin.coin] && this.props.Dashboard.electrumCoins[this.props.ActiveCoin.coin].pub ? this.props.Dashboard.electrumCoins[this.props.ActiveCoin.coin].pub : '-' }
|
|
<button
|
|
className="btn btn-default btn-xs clipboard-edexaddr"
|
|
onClick={ () => this.copyMyAddress(this.props.Dashboard.electrumCoins[this.props.ActiveCoin.coin].pub) }>
|
|
<i className="icon wb-copy"></i> { translate('INDEX.COPY') }
|
|
</button>
|
|
</div>
|
|
}
|
|
<div className="page-header-actions">
|
|
<div id="kmd_header_button">
|
|
<button
|
|
type="button"
|
|
className="btn btn-info waves-effect waves-light"
|
|
onClick={ this.toggleNativeWalletInfo }>
|
|
<i className="icon fa-info"></i>
|
|
</button>
|
|
<button
|
|
type="button"
|
|
className="btn btn-dark waves-effect waves-light"
|
|
onClick={ this.toggleNativeWalletTransactions }>
|
|
<i className="icon md-view-dashboard"></i> { translate('INDEX.TRANSACTIONS') }
|
|
</button>
|
|
<button
|
|
type="button"
|
|
className="btn btn-primary waves-effect waves-light"
|
|
onClick={ () => this.toggleSendCoinForm(!this.props.ActiveCoin.send) }
|
|
disabled={ this.checkTotalBalance() <= 0 }>
|
|
<i className="icon fa-send"></i> { translate('INDEX.SEND') }
|
|
</button>
|
|
<button
|
|
type="button"
|
|
className="btn btn-success waves-effect waves-light"
|
|
onClick={ () => this.toggleReceiveCoinForm(!this.props.ActiveCoin.receive) }>
|
|
<i className="icon fa-inbox"></i> { translate('INDEX.RECEIVE') }
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|