reciproka/wallet/src/App.js
wallet/src/App.jsRaw
1import React, { Component } from 'react';
2import {BrowserRouter, Route, Switch} from 'react-router-dom'
3import './App.css';
4
5
6import { Row, Col } from 'antd';
7
8import mem from './mem/mem';
9import DashboardView from './views/dashboard/dashboard';
10import NewTxView from './views/newtx/newtx';
11import NotYet from './views/notyet/notyet';
12import SidemenuView from './views/sidemenu/sidemenu';
13
14
15import './eth/eth';
16
17
18class App extends Component {
19 constructor(props) {
20 super(props);
21 this.state = {
22 account: mem.account
23 }
24 }
25 render() {
26 return (
27 <BrowserRouter>
28 <div>
29
30 <nav className="navbar navbar-light bg-light">
31 {/* <span className="emptyHorizontal40"></span> */}
32 <a className="navbar-brand" href="">
33 <img src={require('./img/app-icon.png')} width="30" height="30" className="d-inline-block align-top"
34 style={{marginRight:10}} />
35 reciproka wallet
36 </a>
37 <div>
38 Account: <b>{this.state.account.address}</b>
39 </div>
40 </nav>
41 {/* <SideMenu/> */}
42
43 <Row gutter={16}>
44 <Col span={4}>
45 <SidemenuView></SidemenuView>
46 </Col>
47 <Col span={20}>
48 <br/>
49 <Switch>
50 <Route exact={true} path="/" component={DashboardView}></Route>
51 <Route path="/newtx" component={NewTxView}></Route>
52 <Route path="/notyet" component={NotYet}></Route>
53 </Switch>
54 </Col>
55 </Row>
56 </div>
57 </BrowserRouter>
58 );
59 }
60}
61
62export default App;