New Address Selector Component (#3829)

* WIP new address selector

* WIP Working New Account Selector

* WIP Fully working Addres Selector (missing keyboards navigation)

* WIP Address Selector

* Fully functionnal new Address Selector!

* Implement disabled prop

* Don't auto-open on focus + Text Selection fix

* Add copy address capabilities

* Better Address Selector Focus

* Search from tags

* [Address Selector] Better Focus // Parity Background

* Linting

* [Adress Selector] Better focused input style

* Better focus support for inputs

* Fix style issue

* Add tags to accounts

* linting

* Add label to address selector

* Removed old address selector + improved styling

* Fixing address selection issues

* fix test

* Better logs...

* PR Grumbles Part 1

* PR Grumbles Part 2

* PR Grumbles Part 3.1

* PR Grumbles Part 3.2

* PR Grumbles Part 3.3

* New Portal Component

* Simpler Transition for Portal

* PR Grumbles Part 4

* Align font-family with rest of UI

* Fix null value input

* Fix Webpack build...

js/src/modals/ExecuteContract/DetailsStep/detailsStep.spec.js

@@ -22,7 +22,7 @@ import { ContextProvider, muiTheme } from '~/ui';
 
 import DetailsStep from './';
 
-import { CONTRACT } from '../executeContract.test.js';
+import { STORE, CONTRACT } from '../executeContract.test.js';
 
 let component;
 let onAmountChange;
@@ -41,7 +41,7 @@ function render (props) {
   onValueChange = sinon.stub();
 
   component = mount(
-    <ContextProvider api={ {} } muiTheme={ muiTheme } store={ {} }>
+    <ContextProvider api={ {} } muiTheme={ muiTheme } store={ STORE }>
       <DetailsStep
         { ...props }
         contract={ CONTRACT }

js/src/modals/ExecuteContract/executeContract.spec.js

@@ -42,7 +42,7 @@ function render (props) {
   return component;
 }
 
-describe('modals/ExecuteContract/DetailsStep', () => {
+describe('modals/ExecuteContract', () => {
   it('renders', () => {
     expect(render({ accounts: {} })).to.be.ok;
   });

js/src/modals/ExecuteContract/executeContract.test.js

@@ -53,6 +53,12 @@ const STORE = {
       },
       nodeStatus: {
         gasLimit: new BigNumber(123)
+      },
+      personal: {
+        accountsInfo: {}
+      },
+      settings: {
+        backgroundSeed: ''
       }
     };
   }

js/src/modals/Transfer/Extras/extras.js

@@ -44,12 +44,12 @@ export default class Extras extends Component {
           error={ minBlockError }
           hint={
             <FormattedMessage
-              id='executeContract.advanced.minBlock.hint'
+              id='transferModal.minBlock.hint'
               defaultMessage='Only post the transaction after this block' />
           }
           label={
             <FormattedMessage
-              id='executeContract.advanced.minBlock.label'
+              id='transferModal.minBlock.label'
               defaultMessage='BlockNumber to send from' />
           }
           value={ minBlock }

js/src/modals/UpgradeParity/store.js

@@ -14,7 +14,7 @@
 // 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, computed, observable, transaction } from 'mobx';
+import { action, computed, observable, transaction, toJS } from 'mobx';
 import store from 'store';
 
 const LS_UPDATE = '_parity::update';
@@ -129,7 +129,10 @@ export default class Store {
         this._api.parity.versionInfo()
       ])
       .then(([available, consensusCapability, version]) => {
-        console.log('[checkUpgrade]', 'available:', available, 'version:', version, 'consensusCapability:', consensusCapability);
+        if (!this.version || version.hash !== this.version.hash) {
+          console.log('[checkUpgrade]', 'available:', available, 'version:', toJS(version.version), 'consensusCapability:', consensusCapability);
+        }
+
         this.setVersions(available, version, consensusCapability);
       })
       .catch((error) => {