mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
Add RPC config buttons and styles
- Add save button for custom RPC input field - Add button for RPC at `localhost:8545`. - Improve `Current RPC` display.
This commit is contained in:
parent
db85827b2b
commit
820736b427
@ -47,11 +47,14 @@ ConfigScreen.prototype.render = function() {
|
|||||||
|
|
||||||
currentProviderDisplay(metamaskState),
|
currentProviderDisplay(metamaskState),
|
||||||
|
|
||||||
h('div', [
|
h('div', { style: {display: 'flex'} }, [
|
||||||
h('input', {
|
h('input#new_rpc', {
|
||||||
placeholder: 'New RPC URL',
|
placeholder: 'New RPC URL',
|
||||||
style: {
|
style: {
|
||||||
width: '100%',
|
width: 'inherit',
|
||||||
|
flex: '1 0 auto',
|
||||||
|
height: '30px',
|
||||||
|
margin: '8px',
|
||||||
},
|
},
|
||||||
onKeyPress(event) {
|
onKeyPress(event) {
|
||||||
if (event.key === 'Enter') {
|
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', [
|
h('div', [
|
||||||
@ -87,6 +101,18 @@ ConfigScreen.prototype.render = function() {
|
|||||||
}, 'Use Morden Test Network')
|
}, '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) {
|
function currentProviderDisplay(metamaskState) {
|
||||||
var rpc = metamaskState.provider.rpcTarget
|
var rpc = metamaskState.provider.rpcTarget
|
||||||
return h('div', [
|
return h('div', [
|
||||||
h('h3', {style: { fontWeight: 'bold' }}, 'Currently using RPC'),
|
h('span', {style: { fontWeight: 'bold', paddingRight: '10px'}}, 'Current RPC'),
|
||||||
h('p', rpc)
|
h('span', rpc)
|
||||||
])
|
])
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user