mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-24 09:18:09 +00:00
removed old files
This commit is contained in:
Szymon Lesisz
parent
9e8a2ffd4f
commit
d6349356c8
@ -1,248 +0,0 @@
|
|||||||
/* @flow */
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
import React, { Component } from 'react';
|
|
||||||
import BigNumber from 'bignumber.js';
|
|
||||||
import ColorHash from 'color-hash';
|
|
||||||
import ScaleText from 'react-scale-text';
|
|
||||||
import Blockies from 'react-blockies';
|
|
||||||
import { Async } from 'react-select';
|
|
||||||
import { resolveAfter } from '../../../utils/promiseUtils';
|
|
||||||
import AbstractAccount from '../account/AbstractAccount';
|
|
||||||
import { Notification } from '../Notification';
|
|
||||||
|
|
||||||
|
|
||||||
export default class Summary extends AbstractAccount {
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
super.componentDidMount();
|
|
||||||
//this.props.summaryActions.init();
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUpdate(newProps: any) {
|
|
||||||
super.componentWillUpdate(newProps);
|
|
||||||
//if (newProps.location.pathname !== this.props.location.pathname || (!newProps.summary.loaded && !this.props.summary.loaded)) {
|
|
||||||
//if (newProps.router.pathname !== this.props.router.pathname || (!newProps.summary.loaded && !this.props.summary.loaded)) {
|
|
||||||
// this.props.summaryActions.init();
|
|
||||||
//}
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount() {
|
|
||||||
super.componentWillUnmount();
|
|
||||||
//this.props.summaryActions.dispose();
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return _render(this.props);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const _render = (props: any): any => {
|
|
||||||
|
|
||||||
const currentAccount = props.account;
|
|
||||||
const fiatRate = props.fiatRate || '1030';
|
|
||||||
|
|
||||||
const {
|
|
||||||
loaded,
|
|
||||||
address,
|
|
||||||
summary,
|
|
||||||
addForm,
|
|
||||||
search,
|
|
||||||
customAddress,
|
|
||||||
customName,
|
|
||||||
customShortcut,
|
|
||||||
customDecimal,
|
|
||||||
|
|
||||||
selectedToken
|
|
||||||
} = props.summary;
|
|
||||||
|
|
||||||
if (currentAccount.deviceStateError) {
|
|
||||||
return (
|
|
||||||
<section>
|
|
||||||
<Notification className="error" title="Account could not be loaded" message="Incorrect passphrase" />
|
|
||||||
</section>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// if (!loaded) return null;
|
|
||||||
|
|
||||||
const {
|
|
||||||
onSummaryToggle,
|
|
||||||
onTokenSearch,
|
|
||||||
onCustomTokenToggle,
|
|
||||||
onCustomTokenAddressChange,
|
|
||||||
onCustomTokenNameChange,
|
|
||||||
onCustomTokenShortcutChange,
|
|
||||||
onCustomTokenDecimalChange,
|
|
||||||
onCustomTokenAdd
|
|
||||||
} = props.summaryActions;
|
|
||||||
|
|
||||||
const tokens = props.tokens.filter(t => t.ethAddress === address);
|
|
||||||
|
|
||||||
|
|
||||||
let summaryClassName: string = "summary closed";
|
|
||||||
let summaryContent = null;
|
|
||||||
if (summary) {
|
|
||||||
summaryClassName = "summary";
|
|
||||||
if (currentAccount && currentAccount.balance) {
|
|
||||||
|
|
||||||
const balance = new BigNumber(currentAccount.balance);
|
|
||||||
const fiat = balance.times(fiatRate).toFixed(2);
|
|
||||||
|
|
||||||
summaryContent = (
|
|
||||||
<div className="content">
|
|
||||||
<div className="column">
|
|
||||||
<div className="label">Balance</div>
|
|
||||||
<div className="fiat-value">${ fiat }</div>
|
|
||||||
<div className="value">{ currentAccount.balance } ETH</div>
|
|
||||||
</div>
|
|
||||||
<div className="column">
|
|
||||||
<div className="label">Rate</div>
|
|
||||||
<div className="fiat-value">${ fiatRate }</div>
|
|
||||||
<div className="value">1.00 ETH</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
summaryContent = (
|
|
||||||
<div className="content">
|
|
||||||
<div className="column">
|
|
||||||
<div className="label">Balance</div>
|
|
||||||
<div className="fiat-value">Loading...</div>
|
|
||||||
<div className="value">Loading...</div>
|
|
||||||
</div>
|
|
||||||
<div className="column">
|
|
||||||
<div className="label">Rate</div>
|
|
||||||
<div className="fiat-value">${ fiatRate }</div>
|
|
||||||
<div className="value">1.00 ETH</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
let addFormClassName = "add-token-form closed";
|
|
||||||
let addFormContent = null;
|
|
||||||
if (addForm) {
|
|
||||||
addFormClassName = "add-token-form";
|
|
||||||
addFormContent = (
|
|
||||||
<div className="content">
|
|
||||||
<div className="column">
|
|
||||||
<label>Address</label>
|
|
||||||
<input type="text" className="token-address" placeholder="0x0000000" value={ customAddress } onChange={ event => onCustomTokenAddressChange(event.target.value) } />
|
|
||||||
</div>
|
|
||||||
<div className="column">
|
|
||||||
<label>Name</label>
|
|
||||||
<input type="text" className="token-symbol" placeholder="GNO" value={ customName } onChange={ event => onCustomTokenNameChange(event.target.value) } />
|
|
||||||
</div>
|
|
||||||
<div className="column">
|
|
||||||
<label>Shortcut</label>
|
|
||||||
<input type="text" className="token-shortcut" placeholder="0" value={ customShortcut } onChange={ event => onCustomTokenShortcutChange(event.target.value) } />
|
|
||||||
</div>
|
|
||||||
<div className="column">
|
|
||||||
<label>Decimal</label>
|
|
||||||
<input type="text" className="token-decimal" placeholder="0" value={ customDecimal } onChange={ event => onCustomTokenDecimalChange(event.target.value) } />
|
|
||||||
</div>
|
|
||||||
<div className="column">
|
|
||||||
<button>Add custom token</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const bg = new ColorHash({lightness: 0.7});
|
|
||||||
//const colorHash2 = new ColorHash({lightness: 0.5});
|
|
||||||
const colorHash2 = new ColorHash();
|
|
||||||
|
|
||||||
console.log("SUM", tokens, address, props.tokens)
|
|
||||||
//let tokensContent = null;
|
|
||||||
let tokensContent = tokens.map((t, i) => {
|
|
||||||
|
|
||||||
// if (search.length > 0) {
|
|
||||||
// if (t.name.toLowerCase().indexOf(search) < 0 && t.shortcut.toLowerCase().indexOf(search) < 0) return null;
|
|
||||||
// }
|
|
||||||
let iconColor = {
|
|
||||||
color: colorHash2.hex(t.name),
|
|
||||||
background: bg.hex(t.name),
|
|
||||||
borderColor: bg.hex(t.name)
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div key={i} className="token">
|
|
||||||
<div className="icon" style={ iconColor }>
|
|
||||||
<div className="icon-inner">
|
|
||||||
<ScaleText widthOnly><p>{ t.symbol }</p></ScaleText>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="name">{ t.name }</div>
|
|
||||||
<div className="balance">{ t.balance }</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
});
|
|
||||||
|
|
||||||
let ethIcon = null;
|
|
||||||
if (currentAccount) {
|
|
||||||
ethIcon = (
|
|
||||||
<Blockies
|
|
||||||
seed={ currentAccount.address } />
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
|
|
||||||
<section className="tokens">
|
|
||||||
<h2>{ ethIcon } Address #{ parseInt(props.match.params.address) + 1 }</h2>
|
|
||||||
|
|
||||||
<div className={ summaryClassName }>
|
|
||||||
{ summaryContent }
|
|
||||||
<div className="toggle" onClick={ onSummaryToggle }></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="filter">
|
|
||||||
{/* <input type="text" placeholder="Search for token" value={ search } onChange={ event => onTokenSearch(event.target.value) } /> */}
|
|
||||||
0x58cda554935e4a1f2acbe15f8757400af275e084
|
|
||||||
<Async
|
|
||||||
className="token-select"
|
|
||||||
multi={ false }
|
|
||||||
autoload={ false }
|
|
||||||
|
|
||||||
ignoreCase={ true }
|
|
||||||
filterOptions= {
|
|
||||||
(opt, str, values) => {
|
|
||||||
console.log("FILTERRR", opt, str, values);
|
|
||||||
return opt;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
value={ selectedToken }
|
|
||||||
onChange={ props.summaryActions.selectToken }
|
|
||||||
valueKey="symbol"
|
|
||||||
labelKey="symbol"
|
|
||||||
placeholder="Search for token"
|
|
||||||
loadOptions={ props.summaryActions.loadTokens }
|
|
||||||
backspaceRemoves={true} />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={ addFormClassName }>
|
|
||||||
<div className="toggle" onClick={ onCustomTokenToggle }>
|
|
||||||
Add token
|
|
||||||
</div>
|
|
||||||
{ addFormContent }
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
{ tokensContent }
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const onChange = () => {
|
|
||||||
}
|
|
||||||
|
|
||||||
const gotoUser = () => {
|
|
||||||
}
|
|
||||||
@ -1,199 +0,0 @@
|
|||||||
/* @flow */
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
import { LOCATION_CHANGE } from 'react-router-redux';
|
|
||||||
import * as SEND from '../actions/constants/SendForm';
|
|
||||||
import * as WEB3 from '../actions/constants/Web3';
|
|
||||||
import * as ADDRESS from '../actions/constants/Address';
|
|
||||||
import EthereumjsUnits from 'ethereumjs-units';
|
|
||||||
import BigNumber from 'bignumber.js';
|
|
||||||
import { getFeeLevels } from '../actions/SendFormActions';
|
|
||||||
|
|
||||||
export type State = {
|
|
||||||
+senderAddress: ?string;
|
|
||||||
+coin: string;
|
|
||||||
token: string;
|
|
||||||
balance: string;
|
|
||||||
tokenBalance: string;
|
|
||||||
balanceNeedUpdate: boolean;
|
|
||||||
|
|
||||||
|
|
||||||
// form fields
|
|
||||||
advanced: boolean;
|
|
||||||
untouched: boolean; // set to true when user made some changes in form
|
|
||||||
touched: {[k: string]: boolean};
|
|
||||||
address: string;
|
|
||||||
amount: string;
|
|
||||||
setMax: boolean;
|
|
||||||
feeLevels: Array<FeeLevel>;
|
|
||||||
selectedFeeLevel: ?FeeLevel;
|
|
||||||
recommendedGasPrice: string;
|
|
||||||
gasPriceNeedsUpdate: boolean;
|
|
||||||
gasLimit: string;
|
|
||||||
gasPrice: string;
|
|
||||||
data: string;
|
|
||||||
nonce: string;
|
|
||||||
total: string;
|
|
||||||
sending: boolean;
|
|
||||||
sendingStatus: ?SendStatus;
|
|
||||||
errors: {[k: string]: string};
|
|
||||||
warnings: {[k: string]: string};
|
|
||||||
infos: {[k: string]: string};
|
|
||||||
}
|
|
||||||
|
|
||||||
export type FeeLevel = {
|
|
||||||
label: string;
|
|
||||||
gasPrice: string;
|
|
||||||
value: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
type SendStatus = {
|
|
||||||
success: boolean;
|
|
||||||
message: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const initialState: State = {
|
|
||||||
senderAddress: null,
|
|
||||||
coin: '',
|
|
||||||
token: '',
|
|
||||||
advanced: false,
|
|
||||||
untouched: true,
|
|
||||||
touched: {},
|
|
||||||
balance: '0',
|
|
||||||
tokenBalance: '0',
|
|
||||||
balanceNeedUpdate: false,
|
|
||||||
//address: '',
|
|
||||||
address: '0x574BbB36871bA6b78E27f4B4dCFb76eA0091880B',
|
|
||||||
amount: '',
|
|
||||||
setMax: false,
|
|
||||||
feeLevels: [],
|
|
||||||
selectedFeeLevel: null,
|
|
||||||
recommendedGasPrice: '0',
|
|
||||||
gasPriceNeedsUpdate: false,
|
|
||||||
gasLimit: '0',
|
|
||||||
gasPrice: '0',
|
|
||||||
data: '',
|
|
||||||
nonce: '0',
|
|
||||||
total: '0',
|
|
||||||
sending: false,
|
|
||||||
sendingStatus: null,
|
|
||||||
errors: {},
|
|
||||||
warnings: {},
|
|
||||||
infos: {},
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
const onGasPriceUpdated = (state: State, action: any): State => {
|
|
||||||
|
|
||||||
function getRandomInt(min, max) {
|
|
||||||
return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
||||||
}
|
|
||||||
const newPrice = getRandomInt(10, 50).toString();
|
|
||||||
//const newPrice = EthereumjsUnits.convert(action.gasPrice, 'wei', 'gwei');
|
|
||||||
if (action.coin === state.coin && newPrice !== state.recommendedGasPrice) {
|
|
||||||
const newState: State = { ...state };
|
|
||||||
if (!state.untouched) {
|
|
||||||
newState.gasPriceNeedsUpdate = true;
|
|
||||||
newState.recommendedGasPrice = newPrice;
|
|
||||||
} else {
|
|
||||||
const newFeeLevels = getFeeLevels(state.coin, newPrice, state.gasLimit);
|
|
||||||
const selectedFeeLevel = newFeeLevels.find(f => f.value === 'Normal');
|
|
||||||
newState.recommendedGasPrice = newPrice;
|
|
||||||
newState.feeLevels = newFeeLevels;
|
|
||||||
newState.selectedFeeLevel = selectedFeeLevel;
|
|
||||||
newState.gasPrice = selectedFeeLevel.gasPrice;
|
|
||||||
}
|
|
||||||
return newState;
|
|
||||||
}
|
|
||||||
return state;
|
|
||||||
}
|
|
||||||
|
|
||||||
const onBalanceUpdated = (state: State, action: any): State => {
|
|
||||||
// balanceNeedUpdate
|
|
||||||
if (state.senderAddress === action.address) {
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
balance: '1'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return state;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export default (state: State = initialState, action: any): State => {
|
|
||||||
|
|
||||||
switch (action.type) {
|
|
||||||
|
|
||||||
case SEND.INIT :
|
|
||||||
return action.state;
|
|
||||||
|
|
||||||
case SEND.DISPOSE :
|
|
||||||
return initialState;
|
|
||||||
|
|
||||||
// this will be called right after Web3 instance initialization before any view is shown
|
|
||||||
// and async during app live time
|
|
||||||
case WEB3.GAS_PRICE_UPDATED :
|
|
||||||
return onGasPriceUpdated(state, action);
|
|
||||||
|
|
||||||
case ADDRESS.SET_BALANCE :
|
|
||||||
return onBalanceUpdated(state, action);
|
|
||||||
|
|
||||||
case SEND.TOGGLE_ADVANCED :
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
advanced: !state.advanced
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// user actions
|
|
||||||
case SEND.ADDRESS_CHANGE :
|
|
||||||
case SEND.AMOUNT_CHANGE :
|
|
||||||
case SEND.SET_MAX :
|
|
||||||
case SEND.CURRENCY_CHANGE :
|
|
||||||
case SEND.FEE_LEVEL_CHANGE :
|
|
||||||
case SEND.UPDATE_FEE_LEVELS :
|
|
||||||
case SEND.GAS_PRICE_CHANGE :
|
|
||||||
case SEND.GAS_LIMIT_CHANGE :
|
|
||||||
case SEND.DATA_CHANGE :
|
|
||||||
return action.state;
|
|
||||||
|
|
||||||
case SEND.SEND :
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
sending: true,
|
|
||||||
sendingStatus: null,
|
|
||||||
}
|
|
||||||
|
|
||||||
case SEND.TX_COMPLETE :
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
sending: false,
|
|
||||||
sendingStatus: {
|
|
||||||
success: true,
|
|
||||||
message: action.txid
|
|
||||||
}
|
|
||||||
}
|
|
||||||
case SEND.TX_ERROR :
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
sending: false,
|
|
||||||
sendingStatus: {
|
|
||||||
success: false,
|
|
||||||
message: action.response
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
case SEND.VALIDATION :
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
errors: action.errors,
|
|
||||||
warnings: action.warnings,
|
|
||||||
infos: action.infos,
|
|
||||||
}
|
|
||||||
|
|
||||||
default:
|
|
||||||
return state;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user