{
- displayType === DISPLAY_ACCOUNTS
+ this.store.displayType === DISPLAY_ACCOUNTS
? (
{
- const { opened } = this.state;
-
- this.setOpened(!opened, DISPLAY_ACCOUNTS);
+ this.setOpened(!this.store.isOpen, DISPLAY_ACCOUNTS);
}
toggleSignerDisplay = () => {
- const { opened } = this.state;
-
- this.setOpened(!opened, DISPLAY_SIGNER);
+ this.setOpened(!this.store.isOpen, DISPLAY_SIGNER);
}
get config () {
diff --git a/js/src/ParityBar/store.js b/js/src/ParityBar/store.js
new file mode 100644
index 000000000..028f273a8
--- /dev/null
+++ b/js/src/ParityBar/store.js
@@ -0,0 +1,52 @@
+// 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 .
+
+import { action, observable } from 'mobx';
+
+let instance;
+
+export const DISPLAY_ACCOUNTS = 'accounts';
+export const DISPLAY_SIGNER = 'signer';
+
+export default class Store {
+ @observable isOpen = false;
+ @observable displayType = DISPLAY_SIGNER;
+
+ @action setOpen = (isOpen, displayType) => {
+ this.isOpen = isOpen;
+ this.displayType = displayType;
+ }
+
+ @action toggleOpen = (displayType) => {
+ this.setOpen(!this.isOpen, displayType);
+ }
+
+ @action toggleOpenAccounts = () => {
+ this.toggleOpen(DISPLAY_ACCOUNTS);
+ }
+
+ @action toggleOpenSigner = () => {
+ this.toggleOpen(DISPLAY_SIGNER);
+ }
+
+ static get () {
+ if (!instance) {
+ instance = new Store();
+ }
+
+ return instance;
+ }
+}
diff --git a/js/src/Status/status.css b/js/src/Status/status.css
index 9b12153a0..9e017a698 100644
--- a/js/src/Status/status.css
+++ b/js/src/Status/status.css
@@ -46,3 +46,8 @@ $textColor: #ccc;
margin-left: 1em;
}
}
+
+.defaultAccount,
+.signerPending {
+ cursor: pointer;
+}
diff --git a/js/src/Status/status.js b/js/src/Status/status.js
index 33b19f4f6..cd04f3c55 100644
--- a/js/src/Status/status.js
+++ b/js/src/Status/status.js
@@ -22,20 +22,26 @@ import { FormattedMessage } from 'react-intl';
import BlockNumber from '@parity/ui/BlockNumber';
import ClientVersion from '@parity/ui/ClientVersion';
import GradientBg from '@parity/ui/GradientBg';
+import IdentityIcon from '@parity/ui/IdentityIcon';
import NetChain from '@parity/ui/NetChain';
import NetPeers from '@parity/ui/NetPeers';
import SignerPending from '@parity/ui/SignerPending';
import StatusIndicator from '@parity/ui/StatusIndicator';
import Consensus from './Consensus';
+import AccountStore from '../ParityBar/accountStore';
+import ParityBarStore from '../ParityBar/store';
import PluginStore from './pluginStore';
import Upgrade from './Upgrade';
import styles from './status.css';
const pluginStore = PluginStore.get();
+const parityBarStore = ParityBarStore.get();
function Status ({ className = '', upgradeStore }, { api }) {
+ const accountStore = AccountStore.get(api);
+
return (
@@ -49,7 +55,17 @@ function Status ({ className = '', upgradeStore }, { api }) {
))
}
-
+
+