kumavis
8 years ago
committed by
GitHub
commit
d228f46254
@ -0,0 +1,38 @@ |
|||||||
|
const version = 15 |
||||||
|
|
||||||
|
/* |
||||||
|
|
||||||
|
This migration sets transactions with the 'Gave up submitting tx.' err message |
||||||
|
to a 'failed' stated |
||||||
|
|
||||||
|
*/ |
||||||
|
|
||||||
|
const clone = require('clone') |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
version, |
||||||
|
|
||||||
|
migrate: function (originalVersionedData) { |
||||||
|
const versionedData = clone(originalVersionedData) |
||||||
|
versionedData.meta.version = version |
||||||
|
try { |
||||||
|
const state = versionedData.data |
||||||
|
const newState = transformState(state) |
||||||
|
versionedData.data = newState |
||||||
|
} catch (err) { |
||||||
|
console.warn(`MetaMask Migration #${version}` + err.stack) |
||||||
|
} |
||||||
|
return Promise.resolve(versionedData) |
||||||
|
}, |
||||||
|
} |
||||||
|
|
||||||
|
function transformState (state) { |
||||||
|
const newState = state |
||||||
|
const transactions = newState.TransactionController.transactions |
||||||
|
newState.TransactionController.transactions = transactions.map((txMeta) => { |
||||||
|
if (!txMeta.err) return txMeta |
||||||
|
else if (txMeta.err.message === 'Gave up submitting tx.') txMeta.status = 'failed' |
||||||
|
return txMeta |
||||||
|
}) |
||||||
|
return newState |
||||||
|
} |
||||||
@ -0,0 +1,219 @@ |
|||||||
|
const inherits = require('util').inherits |
||||||
|
const Component = require('react').Component |
||||||
|
const h = require('react-hyperscript') |
||||||
|
const connect = require('react-redux').connect |
||||||
|
const actions = require('./actions') |
||||||
|
|
||||||
|
const ethUtil = require('ethereumjs-util') |
||||||
|
const abi = require('human-standard-token-abi') |
||||||
|
const Eth = require('ethjs-query') |
||||||
|
const EthContract = require('ethjs-contract') |
||||||
|
|
||||||
|
const emptyAddr = '0x0000000000000000000000000000000000000000' |
||||||
|
|
||||||
|
module.exports = connect(mapStateToProps)(AddTokenScreen) |
||||||
|
|
||||||
|
function mapStateToProps (state) { |
||||||
|
return { |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
inherits(AddTokenScreen, Component) |
||||||
|
function AddTokenScreen () { |
||||||
|
this.state = { |
||||||
|
warning: null, |
||||||
|
address: null, |
||||||
|
symbol: 'TOKEN', |
||||||
|
decimals: 18, |
||||||
|
} |
||||||
|
Component.call(this) |
||||||
|
} |
||||||
|
|
||||||
|
AddTokenScreen.prototype.render = function () { |
||||||
|
const state = this.state |
||||||
|
const props = this.props |
||||||
|
const { warning, symbol, decimals } = state |
||||||
|
|
||||||
|
return ( |
||||||
|
h('.flex-column.flex-grow', [ |
||||||
|
|
||||||
|
// subtitle and nav
|
||||||
|
h('.section-title.flex-row.flex-center', [ |
||||||
|
h('i.fa.fa-arrow-left.fa-lg.cursor-pointer', { |
||||||
|
onClick: (event) => { |
||||||
|
props.dispatch(actions.goHome()) |
||||||
|
}, |
||||||
|
}), |
||||||
|
h('h2.page-subtitle', 'Add Token'), |
||||||
|
]), |
||||||
|
|
||||||
|
h('.error', { |
||||||
|
style: { |
||||||
|
display: warning ? 'block' : 'none', |
||||||
|
padding: '0 20px', |
||||||
|
textAlign: 'center', |
||||||
|
}, |
||||||
|
}, warning), |
||||||
|
|
||||||
|
// conf view
|
||||||
|
h('.flex-column.flex-justify-center.flex-grow.select-none', [ |
||||||
|
h('.flex-space-around', { |
||||||
|
style: { |
||||||
|
padding: '20px', |
||||||
|
}, |
||||||
|
}, [ |
||||||
|
|
||||||
|
h('div', [ |
||||||
|
h('span', { |
||||||
|
style: { fontWeight: 'bold', paddingRight: '10px'}, |
||||||
|
}, 'Token Address'), |
||||||
|
]), |
||||||
|
|
||||||
|
h('section.flex-row.flex-center', [ |
||||||
|
h('input#token-address', { |
||||||
|
name: 'address', |
||||||
|
placeholder: 'Token Address', |
||||||
|
onChange: this.tokenAddressDidChange.bind(this), |
||||||
|
style: { |
||||||
|
width: 'inherit', |
||||||
|
flex: '1 0 auto', |
||||||
|
height: '30px', |
||||||
|
margin: '8px', |
||||||
|
}, |
||||||
|
}), |
||||||
|
]), |
||||||
|
|
||||||
|
h('div', [ |
||||||
|
h('span', { |
||||||
|
style: { fontWeight: 'bold', paddingRight: '10px'}, |
||||||
|
}, 'Token Symbol'), |
||||||
|
]), |
||||||
|
|
||||||
|
h('div', { style: {display: 'flex'} }, [ |
||||||
|
h('input#token_symbol', { |
||||||
|
placeholder: `Like "ETH"`, |
||||||
|
value: symbol, |
||||||
|
style: { |
||||||
|
width: 'inherit', |
||||||
|
flex: '1 0 auto', |
||||||
|
height: '30px', |
||||||
|
margin: '8px', |
||||||
|
}, |
||||||
|
onChange: (event) => { |
||||||
|
var element = event.target |
||||||
|
var symbol = element.value |
||||||
|
this.setState({ symbol }) |
||||||
|
}, |
||||||
|
}), |
||||||
|
]), |
||||||
|
|
||||||
|
h('div', [ |
||||||
|
h('span', { |
||||||
|
style: { fontWeight: 'bold', paddingRight: '10px'}, |
||||||
|
}, 'Decimals of Precision'), |
||||||
|
]), |
||||||
|
|
||||||
|
h('div', { style: {display: 'flex'} }, [ |
||||||
|
h('input#token_decimals', { |
||||||
|
value: decimals, |
||||||
|
type: 'number', |
||||||
|
min: 0, |
||||||
|
max: 36, |
||||||
|
style: { |
||||||
|
width: 'inherit', |
||||||
|
flex: '1 0 auto', |
||||||
|
height: '30px', |
||||||
|
margin: '8px', |
||||||
|
}, |
||||||
|
onChange: (event) => { |
||||||
|
var element = event.target |
||||||
|
var decimals = element.value.trim() |
||||||
|
this.setState({ decimals }) |
||||||
|
}, |
||||||
|
}), |
||||||
|
]), |
||||||
|
|
||||||
|
h('button', { |
||||||
|
style: { |
||||||
|
alignSelf: 'center', |
||||||
|
}, |
||||||
|
onClick: (event) => { |
||||||
|
const valid = this.validateInputs() |
||||||
|
if (!valid) return |
||||||
|
|
||||||
|
const { address, symbol, decimals } = this.state |
||||||
|
this.props.dispatch(actions.addToken(address.trim(), symbol.trim(), decimals)) |
||||||
|
}, |
||||||
|
}, 'Add'), |
||||||
|
]), |
||||||
|
]), |
||||||
|
]) |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
AddTokenScreen.prototype.componentWillMount = function () { |
||||||
|
if (typeof global.ethereumProvider === 'undefined') return |
||||||
|
|
||||||
|
this.eth = new Eth(global.ethereumProvider) |
||||||
|
this.contract = new EthContract(this.eth) |
||||||
|
this.TokenContract = this.contract(abi) |
||||||
|
} |
||||||
|
|
||||||
|
AddTokenScreen.prototype.tokenAddressDidChange = function (event) { |
||||||
|
const el = event.target |
||||||
|
const address = el.value.trim() |
||||||
|
if (ethUtil.isValidAddress(address) && address !== emptyAddr) { |
||||||
|
this.setState({ address }) |
||||||
|
this.attemptToAutoFillTokenParams(address) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
AddTokenScreen.prototype.validateInputs = function () { |
||||||
|
let msg = '' |
||||||
|
const state = this.state |
||||||
|
const { address, symbol, decimals } = state |
||||||
|
|
||||||
|
const validAddress = ethUtil.isValidAddress(address) |
||||||
|
if (!validAddress) { |
||||||
|
msg += 'Address is invalid. ' |
||||||
|
} |
||||||
|
|
||||||
|
const validDecimals = decimals >= 0 && decimals < 36 |
||||||
|
if (!validDecimals) { |
||||||
|
msg += 'Decimals must be at least 0, and not over 36. ' |
||||||
|
} |
||||||
|
|
||||||
|
const symbolLen = symbol.trim().length |
||||||
|
const validSymbol = symbolLen > 0 && symbolLen < 10 |
||||||
|
if (!validSymbol) { |
||||||
|
msg += 'Symbol must be between 0 and 10 characters.' |
||||||
|
} |
||||||
|
|
||||||
|
const isValid = validAddress && validDecimals |
||||||
|
|
||||||
|
if (!isValid) { |
||||||
|
this.setState({ |
||||||
|
warning: msg, |
||||||
|
}) |
||||||
|
} else { |
||||||
|
this.setState({ warning: null }) |
||||||
|
} |
||||||
|
|
||||||
|
return isValid |
||||||
|
} |
||||||
|
|
||||||
|
AddTokenScreen.prototype.attemptToAutoFillTokenParams = async function (address) { |
||||||
|
const contract = this.TokenContract.at(address) |
||||||
|
|
||||||
|
const results = await Promise.all([ |
||||||
|
contract.symbol(), |
||||||
|
contract.decimals(), |
||||||
|
]) |
||||||
|
|
||||||
|
const [ symbol, decimals ] = results |
||||||
|
if (symbol && decimals) { |
||||||
|
console.log('SETTING SYMBOL AND DECIMALS', { symbol, decimals }) |
||||||
|
this.setState({ symbol: symbol[0], decimals: decimals[0].toString() }) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
@ -0,0 +1,21 @@ |
|||||||
|
module.exports = function (network) { |
||||||
|
const net = parseInt(network) |
||||||
|
let prefix |
||||||
|
switch (net) { |
||||||
|
case 1: // main net
|
||||||
|
prefix = '' |
||||||
|
break |
||||||
|
case 3: // ropsten test net
|
||||||
|
prefix = 'ropsten.' |
||||||
|
break |
||||||
|
case 4: // rinkeby test net
|
||||||
|
prefix = 'rinkeby.' |
||||||
|
break |
||||||
|
case 42: // kovan test net
|
||||||
|
prefix = 'kovan.' |
||||||
|
break |
||||||
|
default: |
||||||
|
prefix = '' |
||||||
|
} |
||||||
|
return prefix |
||||||
|
} |
||||||
@ -1,21 +1,6 @@ |
|||||||
|
const prefixForNetwork = require('./etherscan-prefix-for-network') |
||||||
|
|
||||||
module.exports = function (hash, network) { |
module.exports = function (hash, network) { |
||||||
const net = parseInt(network) |
const prefix = prefixForNetwork(network) |
||||||
let prefix |
|
||||||
switch (net) { |
|
||||||
case 1: // main net
|
|
||||||
prefix = '' |
|
||||||
break |
|
||||||
case 3: // ropsten test net
|
|
||||||
prefix = 'ropsten.' |
|
||||||
break |
|
||||||
case 4: // rinkeby test net
|
|
||||||
prefix = 'rinkeby.' |
|
||||||
break |
|
||||||
case 42: // kovan test net
|
|
||||||
prefix = 'kovan.' |
|
||||||
break |
|
||||||
default: |
|
||||||
prefix = '' |
|
||||||
} |
|
||||||
return `http://${prefix}etherscan.io/tx/${hash}` |
return `http://${prefix}etherscan.io/tx/${hash}` |
||||||
} |
} |
||||||
|
|||||||
Loading…
Reference in new issue