feature/default_network_editable
brunobar79
6 years ago
commit
7c9d942ba1
@ -1,6 +1,13 @@ |
||||
#!/usr/bin/env bash |
||||
|
||||
echo "Downloading firefox..." |
||||
wget https://ftp.mozilla.org/pub/firefox/releases/58.0/linux-x86_64/en-US/firefox-58.0.tar.bz2 \ |
||||
&& tar xjf firefox-58.0.tar.bz2 |
||||
echo "firefox download complete" |
||||
echo "Checking if firefox was already downloaded" |
||||
if [ -d "firefox" ] |
||||
then |
||||
echo "Firefox found. No need to download" |
||||
else |
||||
FIREFOX_VERSION="61.0.1" |
||||
FIREFOX_BINARY="firefox-$FIREFOX_VERSION.tar.bz2" |
||||
echo "Downloading firefox..." |
||||
wget "https://ftp.mozilla.org/pub/firefox/releases/$FIREFOX_VERSION/linux-x86_64/en-US/$FIREFOX_BINARY" \ |
||||
&& tar xjf "$FIREFOX_BINARY" |
||||
echo "firefox download complete" |
||||
fi |
||||
|
||||
@ -0,0 +1,52 @@ |
||||
<html> |
||||
<head> |
||||
<title>MetaMask</title> |
||||
<style> |
||||
*{ |
||||
padding: 0; |
||||
margin: 0; |
||||
box-sizing: border-box; |
||||
} |
||||
img{ |
||||
display: block; |
||||
} |
||||
html, body{ |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.app{ |
||||
position: relative; |
||||
width: 100%; |
||||
height: auto; |
||||
overflow: hidden; |
||||
} |
||||
img{ |
||||
display: block; |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
h2{ |
||||
display: block; |
||||
width: 100%; |
||||
overflow: hidden; |
||||
position: absolute; |
||||
bottom: 20%; |
||||
left: 0; |
||||
color: #1b243d; |
||||
text-align: center; |
||||
} |
||||
h2 > a{ |
||||
color: #1b243d; |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="app"> |
||||
<img src="./images/404.png" alt=""> |
||||
<h2>Powered by <a href="https://www.portal.network/">Portal Network</a></h2> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,79 @@ |
||||
<html> |
||||
<head> |
||||
<title>MetaMask Error</title> |
||||
<link href="https://fonts.googleapis.com/css?family=Rokkitt" rel="stylesheet"> |
||||
<style> |
||||
*{ |
||||
padding: 0; |
||||
margin: 0; |
||||
box-sizing: border-box; |
||||
} |
||||
img{ |
||||
display: block; |
||||
} |
||||
html, body{ |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
@keyframes logoAmin{ |
||||
from {transform: scale(1);} |
||||
50%{transform: scale(1.1);} |
||||
to {transform: scale(1);} |
||||
} |
||||
.errorBox{ |
||||
width: 70%; |
||||
height: auto; |
||||
overflow: hidden; |
||||
background-image: url("./images/deadface.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: 100% 50%; |
||||
background-size: auto 90%; |
||||
padding: 5px; |
||||
} |
||||
.errorBox > img{ |
||||
width: 100px; |
||||
height: auto; |
||||
margin-bottom: 25px; |
||||
animation: logoAmin 1s infinite linear; |
||||
} |
||||
.errorBox > h1, .errorBox > h2{ |
||||
letter-spacing: 2px; |
||||
} |
||||
.errorBox > h1{ |
||||
color: #9b9b9b; |
||||
font-size: 40px; |
||||
} |
||||
.errorBox > h2{ |
||||
color: #1b243d; |
||||
font-size: 20px; |
||||
padding-top: 5px; |
||||
} |
||||
.errorBox > h2 >a{ |
||||
color: #1b243d; |
||||
} |
||||
.errorBox > h2 >a:hover{ |
||||
color: #44588e; |
||||
} |
||||
|
||||
.errorBox > h1 > span{ |
||||
color: #33559f; |
||||
} |
||||
|
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div class="errorBox"> |
||||
<img src="./images/logo.png" alt=""> |
||||
<h1><span id="name"></span> not found</h1> |
||||
<h2>Powered by <a href="https://www.portal.network/">Portal Network</a></h2> |
||||
</div> |
||||
<script> |
||||
let index = location.href.lastIndexOf("?name=") |
||||
let name = location.href.slice(index + 6) |
||||
document.getElementById("name").innerHTML = name |
||||
</script> |
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 93 KiB |
@ -0,0 +1,35 @@ |
||||
<html> |
||||
<head> |
||||
<title>MetaMask Loading</title> |
||||
<style> |
||||
#div-logo { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
width: 256px; |
||||
} |
||||
#logo { |
||||
width: 100%; |
||||
animation: pulse 1s ease-in-out infinite; |
||||
} |
||||
@keyframes pulse { |
||||
0% { |
||||
opacity: 1; |
||||
} |
||||
50% { |
||||
opacity: 0.5; |
||||
transform: scale(0.95, 0.95); |
||||
} |
||||
100% { |
||||
opacity: 1; |
||||
} |
||||
} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
<div id="div-logo"> |
||||
<img id="logo" src="./images/loginglogo.svg"> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1 @@ |
||||
module.exports = [{'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'resolver', 'outputs': [{'name': '', 'type': 'address'}], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'owner', 'outputs': [{'name': '', 'type': 'address'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'label', 'type': 'bytes32'}, {'name': 'owner', 'type': 'address'}], 'name': 'setSubnodeOwner', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'ttl', 'type': 'uint64'}], 'name': 'setTTL', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'ttl', 'outputs': [{'name': '', 'type': 'uint64'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'resolver', 'type': 'address'}], 'name': 'setResolver', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'owner', 'type': 'address'}], 'name': 'setOwner', 'outputs': [], 'payable': false, 'type': 'function'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'owner', 'type': 'address'}], 'name': 'Transfer', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': true, 'name': 'label', 'type': 'bytes32'}, {'indexed': false, 'name': 'owner', 'type': 'address'}], 'name': 'NewOwner', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'resolver', 'type': 'address'}], 'name': 'NewResolver', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'ttl', 'type': 'uint64'}], 'name': 'NewTTL', 'type': 'event'}] |
||||
@ -0,0 +1,2 @@ |
||||
module.exports = |
||||
[{'constant': true, 'inputs': [{'name': 'interfaceID', 'type': 'bytes4'}], 'name': 'supportsInterface', 'outputs': [{'name': '', 'type': 'bool'}], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'contentTypes', 'type': 'uint256'}], 'name': 'ABI', 'outputs': [{'name': 'contentType', 'type': 'uint256'}, {'name': 'data', 'type': 'bytes'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'x', 'type': 'bytes32'}, {'name': 'y', 'type': 'bytes32'}], 'name': 'setPubkey', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'content', 'outputs': [{'name': 'ret', 'type': 'bytes32'}], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'addr', 'outputs': [{'name': 'ret', 'type': 'address'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'contentType', 'type': 'uint256'}, {'name': 'data', 'type': 'bytes'}], 'name': 'setABI', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'name', 'outputs': [{'name': 'ret', 'type': 'string'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'name', 'type': 'string'}], 'name': 'setName', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'hash', 'type': 'bytes32'}], 'name': 'setContent', 'outputs': [], 'payable': false, 'type': 'function'}, {'constant': true, 'inputs': [{'name': 'node', 'type': 'bytes32'}], 'name': 'pubkey', 'outputs': [{'name': 'x', 'type': 'bytes32'}, {'name': 'y', 'type': 'bytes32'}], 'payable': false, 'type': 'function'}, {'constant': false, 'inputs': [{'name': 'node', 'type': 'bytes32'}, {'name': 'addr', 'type': 'address'}], 'name': 'setAddr', 'outputs': [], 'payable': false, 'type': 'function'}, {'inputs': [{'name': 'ensAddr', 'type': 'address'}], 'payable': false, 'type': 'constructor'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'a', 'type': 'address'}], 'name': 'AddrChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'hash', 'type': 'bytes32'}], 'name': 'ContentChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'name', 'type': 'string'}], 'name': 'NameChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': true, 'name': 'contentType', 'type': 'uint256'}], 'name': 'ABIChanged', 'type': 'event'}, {'anonymous': false, 'inputs': [{'indexed': true, 'name': 'node', 'type': 'bytes32'}, {'indexed': false, 'name': 'x', 'type': 'bytes32'}, {'indexed': false, 'name': 'y', 'type': 'bytes32'}], 'name': 'PubkeyChanged', 'type': 'event'}] |
||||
@ -0,0 +1,40 @@ |
||||
const extension = require('extensionizer') |
||||
const resolver = require('./resolver.js') |
||||
|
||||
module.exports = function (provider) { |
||||
extension.webRequest.onBeforeRequest.addListener(details => { |
||||
const urlhttpreplace = details.url.replace(/\w+?:\/\//, '') |
||||
const url = urlhttpreplace.replace(/[\\/].*/g, '') // eslint-disable-line no-useless-escape
|
||||
let domainhtml = urlhttpreplace.match(/[\\/].*/g) // eslint-disable-line no-useless-escape
|
||||
let clearTime = null |
||||
const name = url.replace(/\/$/g, '') |
||||
if (domainhtml === null) domainhtml = [''] |
||||
extension.tabs.getSelected(null, tab => { |
||||
extension.tabs.update(tab.id, { url: 'loading.html' }) |
||||
|
||||
clearTime = setTimeout(() => { |
||||
return extension.tabs.update(tab.id, { url: '404.html' }) |
||||
}, 60000) |
||||
|
||||
resolver.resolve(name, provider).then(ipfsHash => { |
||||
clearTimeout(clearTime) |
||||
let url = 'https://ipfs.infura.io/ipfs/' + ipfsHash + domainhtml[0] |
||||
return fetch(url, { method: 'HEAD' }).then(response => response.status).then(statusCode => { |
||||
if (statusCode !== 200) return extension.tabs.update(tab.id, { url: '404.html' }) |
||||
extension.tabs.update(tab.id, { url: url }) |
||||
}) |
||||
.catch(err => { |
||||
url = 'https://ipfs.infura.io/ipfs/' + ipfsHash + domainhtml[0] |
||||
extension.tabs.update(tab.id, {url: url}) |
||||
return err |
||||
}) |
||||
}) |
||||
.catch(err => { |
||||
clearTimeout(clearTime) |
||||
const url = err === 'unsupport' ? 'unsupport' : 'error' |
||||
extension.tabs.update(tab.id, {url: `${url}.html?name=${name}`}) |
||||
}) |
||||
}) |
||||
return { cancel: true } |
||||
}, {urls: ['*://*.eth/', '*://*.eth/*']}) |
||||
} |
||||
@ -0,0 +1,71 @@ |
||||
const namehash = require('eth-ens-namehash') |
||||
const multihash = require('multihashes') |
||||
const HttpProvider = require('ethjs-provider-http') |
||||
const Eth = require('ethjs-query') |
||||
const EthContract = require('ethjs-contract') |
||||
const registrarAbi = require('./contracts/registrar') |
||||
const resolverAbi = require('./contracts/resolver') |
||||
|
||||
function ens (name, provider) { |
||||
const eth = new Eth(new HttpProvider(getProvider(provider.type))) |
||||
const hash = namehash.hash(name) |
||||
const contract = new EthContract(eth) |
||||
const Registrar = contract(registrarAbi).at(getRegistrar(provider.type)) |
||||
return new Promise((resolve, reject) => { |
||||
if (provider.type === 'mainnet' || provider.type === 'ropsten') { |
||||
Registrar.resolver(hash).then((address) => { |
||||
if (address === '0x0000000000000000000000000000000000000000') { |
||||
reject(null) |
||||
} else { |
||||
const Resolver = contract(resolverAbi).at(address['0']) |
||||
return Resolver.content(hash) |
||||
} |
||||
}).then((contentHash) => { |
||||
if (contentHash['0'] === '0x0000000000000000000000000000000000000000000000000000000000000000') reject(null) |
||||
if (contentHash.ret !== '0x') { |
||||
const hex = contentHash['0'].substring(2) |
||||
const buf = multihash.fromHexString(hex) |
||||
resolve(multihash.toB58String(multihash.encode(buf, 'sha2-256'))) |
||||
} else { |
||||
reject(null) |
||||
} |
||||
}) |
||||
} else { |
||||
return reject('unsupport') |
||||
} |
||||
}) |
||||
} |
||||
|
||||
function getProvider (type) { |
||||
switch (type) { |
||||
case 'mainnet': |
||||
return 'https://mainnet.infura.io/' |
||||
case 'ropsten': |
||||
return 'https://ropsten.infura.io/' |
||||
default: |
||||
return 'http://localhost:8545/' |
||||
} |
||||
} |
||||
|
||||
function getRegistrar (type) { |
||||
switch (type) { |
||||
case 'mainnet': |
||||
return '0x314159265dd8dbb310642f98f50c066173c1259b' |
||||
case 'ropsten': |
||||
return '0x112234455c3a32fd11230c42e7bccd4a84e02010' |
||||
default: |
||||
return '0x0000000000000000000000000000000000000000' |
||||
} |
||||
} |
||||
|
||||
module.exports.resolve = function (name, provider) { |
||||
const path = name.split('.') |
||||
const tld = path[path.length - 1] |
||||
if (tld === 'eth') { |
||||
return ens(name, provider) |
||||
} else { |
||||
return new Promise((resolve, reject) => { |
||||
reject(null) |
||||
}) |
||||
} |
||||
} |
||||
@ -0,0 +1,59 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>MetaMask</title> |
||||
</head> |
||||
<style> |
||||
*{ |
||||
padding: 0; |
||||
margin: 0; |
||||
box-sizing: border-box; |
||||
} |
||||
img{ |
||||
display: block; |
||||
} |
||||
html, body{ |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
@keyframes logoAmin{ |
||||
from {transform: scale(1);} |
||||
50%{transform: scale(1.1);} |
||||
to {transform: scale(1);} |
||||
} |
||||
.unsupport{ |
||||
width: 80%; |
||||
height: auto; |
||||
overflow: hidden; |
||||
padding: 10px; |
||||
} |
||||
.unsupport > img{ |
||||
margin: 0 auto 31px auto; |
||||
width: 136px; |
||||
height: auto; |
||||
animation: logoAmin 1s infinite linear; |
||||
} |
||||
.unsupport > h1{ |
||||
text-align: center; |
||||
font-family: Gotham; |
||||
font-size: 18px; |
||||
font-weight: 500; |
||||
font-style: normal; |
||||
font-stretch: normal; |
||||
line-height: normal; |
||||
letter-spacing: 1.3px; |
||||
color: #33559f; |
||||
} |
||||
|
||||
</style> |
||||
<body> |
||||
<div class="unsupport"> |
||||
<img src="./images/cancel.png" alt=""> |
||||
<h1>ENS resolver only support on Ethereum mainnet</h1> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -1,178 +1,189 @@ |
||||
const { withRouter } = require('react-router-dom') |
||||
const PropTypes = require('prop-types') |
||||
const { compose } = require('recompose') |
||||
const PersistentForm = require('../../../../lib/persistent-form') |
||||
const connect = require('../../../metamask-connect') |
||||
const h = require('react-hyperscript') |
||||
const { createNewVaultAndRestore, unMarkPasswordForgotten } = require('../../../actions') |
||||
const { DEFAULT_ROUTE } = require('../../../routes') |
||||
const log = require('loglevel') |
||||
|
||||
class RestoreVaultPage extends PersistentForm { |
||||
constructor (props) { |
||||
super(props) |
||||
|
||||
this.state = { |
||||
error: null, |
||||
} |
||||
import React, { Component } from 'react' |
||||
import PropTypes from 'prop-types' |
||||
import {connect} from 'react-redux' |
||||
import { |
||||
createNewVaultAndRestore, |
||||
unMarkPasswordForgotten, |
||||
} from '../../../actions' |
||||
import { DEFAULT_ROUTE } from '../../../routes' |
||||
import TextField from '../../text-field' |
||||
|
||||
class RestoreVaultPage extends Component { |
||||
static contextTypes = { |
||||
t: PropTypes.func, |
||||
} |
||||
|
||||
createOnEnter (event) { |
||||
if (event.key === 'Enter') { |
||||
this.createNewVaultAndRestore() |
||||
} |
||||
static propTypes = { |
||||
warning: PropTypes.string, |
||||
createNewVaultAndRestore: PropTypes.func.isRequired, |
||||
leaveImportSeedScreenState: PropTypes.func, |
||||
history: PropTypes.object, |
||||
isLoading: PropTypes.bool, |
||||
}; |
||||
|
||||
state = { |
||||
seedPhrase: '', |
||||
password: '', |
||||
confirmPassword: '', |
||||
seedPhraseError: null, |
||||
passwordError: null, |
||||
confirmPasswordError: null, |
||||
} |
||||
|
||||
cancel () { |
||||
this.props.unMarkPasswordForgotten() |
||||
.then(this.props.history.push(DEFAULT_ROUTE)) |
||||
parseSeedPhrase = (seedPhrase) => { |
||||
return seedPhrase |
||||
.match(/\w+/g) |
||||
.join(' ') |
||||
} |
||||
|
||||
createNewVaultAndRestore () { |
||||
this.setState({ error: null }) |
||||
handleSeedPhraseChange (seedPhrase) { |
||||
let seedPhraseError = null |
||||
|
||||
if (seedPhrase && this.parseSeedPhrase(seedPhrase).split(' ').length !== 12) { |
||||
seedPhraseError = this.context.t('seedPhraseReq') |
||||
} |
||||
|
||||
this.setState({ seedPhrase, seedPhraseError }) |
||||
} |
||||
|
||||
// check password
|
||||
var passwordBox = document.getElementById('password-box') |
||||
var password = passwordBox.value |
||||
var passwordConfirmBox = document.getElementById('password-box-confirm') |
||||
var passwordConfirm = passwordConfirmBox.value |
||||
handlePasswordChange (password) { |
||||
const { confirmPassword } = this.state |
||||
let confirmPasswordError = null |
||||
let passwordError = null |
||||
|
||||
if (password.length < 8) { |
||||
this.setState({ error: 'Password not long enough' }) |
||||
return |
||||
if (password && password.length < 8) { |
||||
passwordError = this.context.t('passwordNotLongEnough') |
||||
} |
||||
|
||||
if (password !== passwordConfirm) { |
||||
this.setState({ error: 'Passwords don\'t match' }) |
||||
return |
||||
if (confirmPassword && password !== confirmPassword) { |
||||
confirmPasswordError = this.context.t('passwordsDontMatch') |
||||
} |
||||
|
||||
// check seed
|
||||
var seedBox = document.querySelector('textarea.twelve-word-phrase') |
||||
var seed = seedBox.value.trim() |
||||
if (seed.split(' ').length !== 12) { |
||||
this.setState({ error: 'Seed phrases are 12 words long' }) |
||||
return |
||||
this.setState({ password, passwordError, confirmPasswordError }) |
||||
} |
||||
|
||||
handleConfirmPasswordChange (confirmPassword) { |
||||
const { password } = this.state |
||||
let confirmPasswordError = null |
||||
|
||||
if (password !== confirmPassword) { |
||||
confirmPasswordError = this.context.t('passwordsDontMatch') |
||||
} |
||||
|
||||
// submit
|
||||
this.props.createNewVaultAndRestore(password, seed) |
||||
.then(() => this.props.history.push(DEFAULT_ROUTE)) |
||||
.catch(({ message }) => { |
||||
this.setState({ error: message }) |
||||
log.error(message) |
||||
}) |
||||
this.setState({ confirmPassword, confirmPasswordError }) |
||||
} |
||||
|
||||
onClick = () => { |
||||
const { password, seedPhrase } = this.state |
||||
const { |
||||
createNewVaultAndRestore, |
||||
leaveImportSeedScreenState, |
||||
history, |
||||
} = this.props |
||||
|
||||
leaveImportSeedScreenState() |
||||
createNewVaultAndRestore(password, this.parseSeedPhrase(seedPhrase)) |
||||
.then(() => history.push(DEFAULT_ROUTE)) |
||||
} |
||||
|
||||
hasError () { |
||||
const { passwordError, confirmPasswordError, seedPhraseError } = this.state |
||||
return passwordError || confirmPasswordError || seedPhraseError |
||||
} |
||||
|
||||
render () { |
||||
const { error } = this.state |
||||
this.persistentFormParentId = 'restore-vault-form' |
||||
const { |
||||
seedPhrase, |
||||
password, |
||||
confirmPassword, |
||||
seedPhraseError, |
||||
passwordError, |
||||
confirmPasswordError, |
||||
} = this.state |
||||
const { t } = this.context |
||||
const { isLoading } = this.props |
||||
const disabled = !seedPhrase || !password || !confirmPassword || isLoading || this.hasError() |
||||
|
||||
return ( |
||||
h('.initialize-screen.flex-column.flex-center.flex-grow', [ |
||||
|
||||
h('h3.flex-center.text-transform-uppercase', { |
||||
style: { |
||||
background: '#EBEBEB', |
||||
color: '#AEAEAE', |
||||
marginBottom: 24, |
||||
width: '100%', |
||||
fontSize: '20px', |
||||
padding: 6, |
||||
}, |
||||
}, [ |
||||
this.props.t('restoreVault'), |
||||
]), |
||||
|
||||
// wallet seed entry
|
||||
h('h3', 'Wallet Seed'), |
||||
h('textarea.twelve-word-phrase.letter-spacey', { |
||||
dataset: { |
||||
persistentFormId: 'wallet-seed', |
||||
}, |
||||
placeholder: this.props.t('secretPhrase'), |
||||
}), |
||||
|
||||
// password
|
||||
h('input.large-input.letter-spacey', { |
||||
type: 'password', |
||||
id: 'password-box', |
||||
placeholder: this.props.t('newPassword8Chars'), |
||||
dataset: { |
||||
persistentFormId: 'password', |
||||
}, |
||||
style: { |
||||
width: 260, |
||||
marginTop: 12, |
||||
}, |
||||
}), |
||||
|
||||
// confirm password
|
||||
h('input.large-input.letter-spacey', { |
||||
type: 'password', |
||||
id: 'password-box-confirm', |
||||
placeholder: this.props.t('confirmPassword'), |
||||
onKeyPress: this.createOnEnter.bind(this), |
||||
dataset: { |
||||
persistentFormId: 'password-confirmation', |
||||
}, |
||||
style: { |
||||
width: 260, |
||||
marginTop: 16, |
||||
}, |
||||
}), |
||||
|
||||
error && ( |
||||
h('span.error.in-progress-notification', error) |
||||
), |
||||
|
||||
// submit
|
||||
h('.flex-row.flex-space-between', { |
||||
style: { |
||||
marginTop: 30, |
||||
width: '50%', |
||||
}, |
||||
}, [ |
||||
|
||||
// cancel
|
||||
h('button.primary', { |
||||
onClick: () => this.cancel(), |
||||
}, this.props.t('cancel')), |
||||
|
||||
// submit
|
||||
h('button.primary', { |
||||
onClick: this.createNewVaultAndRestore.bind(this), |
||||
}, this.props.t('ok')), |
||||
|
||||
]), |
||||
]) |
||||
<div className="first-view-main-wrapper"> |
||||
<div className="first-view-main"> |
||||
<div className="import-account"> |
||||
<a |
||||
className="import-account__back-button" |
||||
onClick={e => { |
||||
e.preventDefault() |
||||
this.props.history.goBack() |
||||
}} |
||||
href="#" |
||||
> |
||||
{`< Back`} |
||||
</a> |
||||
<div className="import-account__title"> |
||||
{ this.context.t('restoreAccountWithSeed') } |
||||
</div> |
||||
<div className="import-account__selector-label"> |
||||
{ this.context.t('secretPhrase') } |
||||
</div> |
||||
<div className="import-account__input-wrapper"> |
||||
<label className="import-account__input-label">Wallet Seed</label> |
||||
<textarea |
||||
className="import-account__secret-phrase" |
||||
onChange={e => this.handleSeedPhraseChange(e.target.value)} |
||||
value={this.state.seedPhrase} |
||||
placeholder={this.context.t('separateEachWord')} |
||||
/> |
||||
</div> |
||||
<span className="error"> |
||||
{ seedPhraseError } |
||||
</span> |
||||
<TextField |
||||
id="password" |
||||
label={t('newPassword')} |
||||
type="password" |
||||
className="first-time-flow__input" |
||||
value={this.state.password} |
||||
onChange={event => this.handlePasswordChange(event.target.value)} |
||||
error={passwordError} |
||||
autoComplete="new-password" |
||||
margin="normal" |
||||
largeLabel |
||||
/> |
||||
<TextField |
||||
id="confirm-password" |
||||
label={t('confirmPassword')} |
||||
type="password" |
||||
className="first-time-flow__input" |
||||
value={this.state.confirmPassword} |
||||
onChange={event => this.handleConfirmPasswordChange(event.target.value)} |
||||
error={confirmPasswordError} |
||||
autoComplete="confirm-password" |
||||
margin="normal" |
||||
largeLabel |
||||
/> |
||||
<button |
||||
className="first-time-flow__button" |
||||
onClick={() => !disabled && this.onClick()} |
||||
disabled={disabled} |
||||
> |
||||
{this.context.t('restore')} |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
) |
||||
} |
||||
} |
||||
|
||||
RestoreVaultPage.propTypes = { |
||||
history: PropTypes.object, |
||||
} |
||||
|
||||
const mapStateToProps = state => { |
||||
const { appState: { warning, forgottenPassword } } = state |
||||
|
||||
return { |
||||
warning, |
||||
forgottenPassword, |
||||
} |
||||
RestoreVaultPage.contextTypes = { |
||||
t: PropTypes.func, |
||||
} |
||||
|
||||
const mapDispatchToProps = dispatch => { |
||||
return { |
||||
createNewVaultAndRestore: (password, seed) => { |
||||
return dispatch(createNewVaultAndRestore(password, seed)) |
||||
export default connect( |
||||
({ appState: { warning, isLoading } }) => ({ warning, isLoading }), |
||||
dispatch => ({ |
||||
leaveImportSeedScreenState: () => { |
||||
dispatch(unMarkPasswordForgotten()) |
||||
}, |
||||
unMarkPasswordForgotten: () => dispatch(unMarkPasswordForgotten()), |
||||
} |
||||
} |
||||
|
||||
module.exports = compose( |
||||
withRouter, |
||||
connect(mapStateToProps, mapDispatchToProps) |
||||
createNewVaultAndRestore: (pw, seed) => dispatch(createNewVaultAndRestore(pw, seed)), |
||||
}) |
||||
)(RestoreVaultPage) |
||||
|
||||
@ -1,9 +1,14 @@ |
||||
const selectors = { |
||||
sendGasIsInError, |
||||
gasFeeIsInError, |
||||
getGasLoadingError, |
||||
} |
||||
|
||||
module.exports = selectors |
||||
|
||||
function sendGasIsInError (state) { |
||||
function getGasLoadingError (state) { |
||||
return state.send.errors.gasLoading |
||||
} |
||||
|
||||
function gasFeeIsInError (state) { |
||||
return Boolean(state.send.errors.gasFee) |
||||
} |
||||
|
||||
Loading…
Reference in new issue