openethereum/js/src/views/ParityBar/accountStore.js
Jaco Greeff 3bdd32f9ec Default Account selector in Signer overlay (#4375)
* Manage default accounts

* Portal

* Portal

* Allow Portal to be used in as both top-level and popover

* modal/popover variable naming

* Move to Portal

* export Portal in ~/ui

* WIP

* Tags handle empty values

* Export AccountCard in ~/ui

* Allow ETH-only & zero display

* Use ui/Balance for balance display

* Add tests for Balance & Tags component availability

* WIP

* Default overlay display to block (not flex)

* Revert block

* WIP

* Add className, optional handlers only

* WIP

* Properly handle optional onKeyDown

* Selection updated

* Align margins

* Remove old code

* Remove debug logging

* TransitionGroup for animations

* No anim

* Cleanups

* Revert addons removal

* Fix tests

* defaultAccount

* Selection actually selects

* WIP tests

* tests WIP

* Expand tests

* Container for scrollbars

* Add parity_defaultAccount RPC (with subscription)

* Add jsonrpc interface
2017-02-01 16:18:11 +01:00

102 lines
2.8 KiB
JavaScript

// Copyright 2015-2017 Parity Technologies (UK) Ltd.
// This file is part of Parity.
// Parity is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
// Parity is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
// You should have received a copy of the GNU General Public License
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
import { action, observable, transaction } from 'mobx';
export default class AccountStore {
@observable accounts = [];
@observable defaultAccount = null;
@observable isLoading = false;
constructor (api) {
this._api = api;
this.loadAccounts();
this.subscribeDefaultAccount();
}
@action setAccounts = (accounts) => {
this.accounts = accounts;
}
@action setDefaultAccount = (defaultAccount) => {
this.defaultAccount = defaultAccount;
}
@action setLoading = (isLoading) => {
this.isLoading = isLoading;
}
makeDefaultAccount = (address) => {
const accounts = [address].concat(
this.accounts
.filter((account) => account.address !== address)
.map((account) => account.address)
);
return this._api.parity
.setNewDappsWhitelist(accounts)
.catch((error) => {
console.warn('makeDefaultAccount', error);
});
}
loadAccounts () {
this.setLoading(true);
return Promise
.all([
this._api.parity.getNewDappsWhitelist(),
this._api.parity.allAccountsInfo()
])
.then(([whitelist, accounts]) => {
transaction(() => {
this.setLoading(false);
this.setAccounts(
Object
.keys(accounts)
.filter((address) => {
const isAccount = accounts[address].uuid;
const isWhitelisted = !whitelist || whitelist.includes(address);
return isAccount && isWhitelisted;
})
.map((address) => {
const account = accounts[address];
account.address = address;
account.default = address === this.defaultAccount;
return account;
})
);
});
})
.catch((error) => {
this.setLoading(false);
console.warn('loadAccounts', error);
});
}
subscribeDefaultAccount () {
return this._api.subscribe('parity_defaultAccount', (error, defaultAccount) => {
if (!error) {
this.setDefaultAccount(defaultAccount);
}
});
}
}