mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-02-13 03:27:27 +00:00
d72b478c89
* create MVP of broadcast TX component * add broadcastTx to routes and tab options * Update BroadcastTx path to /pushTx * - add sanitizeHex and padLeftEven functions from V3 * - Move decodeTransaction logic out of ConfirmationModal. - Add from key to getTransactionFields * Simplify ConfirmationModal: 1. Move business logic out of component (decodeTransaction). 2. Don't pass node props when Component is already smart. Map from state instead. 3. Pass walletAddress instead of the entire wallet object to component as prop. 4. Handle * - Don't map node state (child component grabs from state) - implement and call setWalletAddressOnUpdate * correct tab to path. * 1. Integrate Confirmation Modal 2. Validate signedTx input and disable Send Transaction button when invalid * disable tslint error. EthTx expect a Data type object, but a string is passed. However, tx object is created as expected. Need to investigate * adjust type definition to match allowed string input. Remove tslint disable * fix tslint errors * add textarea valid/invalid stlying based on disabled status * remove unused imports * cleanup / address PR comments * Address PR comments
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import React, { Component } from 'react';
|
|
import { Provider } from 'react-redux';
|
|
import { Router, Route } from 'react-router-dom';
|
|
// Components
|
|
import Contracts from 'containers/Tabs/Contracts';
|
|
import ENS from 'containers/Tabs/ENS';
|
|
import GenerateWallet from 'containers/Tabs/GenerateWallet';
|
|
import Help from 'containers/Tabs/Help';
|
|
import SendTransaction from 'containers/Tabs/SendTransaction';
|
|
import Swap from 'containers/Tabs/Swap';
|
|
import ViewWallet from 'containers/Tabs/ViewWallet';
|
|
import BroadcastTx from 'containers/Tabs/BroadcastTx';
|
|
|
|
// TODO: fix this
|
|
interface Props {
|
|
store: any;
|
|
history: any;
|
|
}
|
|
|
|
export default class Root extends Component<Props, {}> {
|
|
public render() {
|
|
const { store, history } = this.props;
|
|
// key={Math.random()} = hack for HMR from https://github.com/webpack/webpack-dev-server/issues/395
|
|
return (
|
|
<Provider store={store} key={Math.random()}>
|
|
<Router history={history} key={Math.random()}>
|
|
<div>
|
|
<Route exact={true} path="/" component={GenerateWallet} />
|
|
<Route path="/view-wallet" component={ViewWallet} />
|
|
<Route path="/help" component={Help} />
|
|
<Route path="/swap" component={Swap} />
|
|
<Route path="/send-transaction" component={SendTransaction} />
|
|
<Route path="/contracts" component={Contracts} />
|
|
<Route path="/ens" component={ENS} />
|
|
<Route path="/pushTx" component={BroadcastTx} />
|
|
</div>
|
|
</Router>
|
|
</Provider>
|
|
);
|
|
}
|
|
}
|