diff options
author | Dan Finlay <somniac@me.com> | 2016-04-23 06:25:03 +0800 |
---|---|---|
committer | Dan Finlay <somniac@me.com> | 2016-04-23 06:25:03 +0800 |
commit | 5aa1dba83f912f4c84cd966d5ec258a1993bc6f8 (patch) | |
tree | b664732207e8d3c834762ef3e880219b36778891 /ui | |
parent | ee4f6b57adfebf71e19477574779861057a3f4b3 (diff) | |
parent | 081a943d9bac8007d6f70e07f3116dbffac0ac87 (diff) | |
download | tangerine-wallet-browser-5aa1dba83f912f4c84cd966d5ec258a1993bc6f8.tar.gz tangerine-wallet-browser-5aa1dba83f912f4c84cd966d5ec258a1993bc6f8.tar.zst tangerine-wallet-browser-5aa1dba83f912f4c84cd966d5ec258a1993bc6f8.zip |
Merge pull request #136 from MetaMask/ChangeRpcButton
Add new rpc save button to config view
Diffstat (limited to 'ui')
-rw-r--r-- | ui/app/config.js | 36 |
1 files changed, 31 insertions, 5 deletions
diff --git a/ui/app/config.js b/ui/app/config.js index 878c9955f..f4eecf7f8 100644 --- a/ui/app/config.js +++ b/ui/app/config.js @@ -47,11 +47,14 @@ ConfigScreen.prototype.render = function() { currentProviderDisplay(metamaskState), - h('div', [ - h('input', { + h('div', { style: {display: 'flex'} }, [ + h('input#new_rpc', { placeholder: 'New RPC URL', style: { - width: '100%', + width: 'inherit', + flex: '1 0 auto', + height: '30px', + margin: '8px', }, onKeyPress(event) { if (event.key === 'Enter') { @@ -61,6 +64,17 @@ ConfigScreen.prototype.render = function() { } } }), + h('button', { + style: { + alignSelf: 'center', + }, + onClick(event) { + event.preventDefault() + var element = document.querySelector('input#new_rpc') + var newRpc = element.value + state.dispatch(actions.setRpcTarget(newRpc)) + } + }, 'Save') ]), h('div', [ @@ -87,6 +101,18 @@ ConfigScreen.prototype.render = function() { }, 'Use Morden Test Network') ]), + h('div', [ + h('button', { + style: { + alignSelf: 'center', + }, + onClick(event) { + event.preventDefault() + state.dispatch(actions.setRpcTarget('http://localhost:8545/')) + } + }, 'Use http://localhost:8545') + ]), + ]), ]), ]) @@ -96,7 +122,7 @@ ConfigScreen.prototype.render = function() { function currentProviderDisplay(metamaskState) { var rpc = metamaskState.provider.rpcTarget return h('div', [ - h('h3', {style: { fontWeight: 'bold' }}, 'Currently using RPC'), - h('p', rpc) + h('span', {style: { fontWeight: 'bold', paddingRight: '10px'}}, 'Current RPC'), + h('span', rpc) ]) } |