arnaucube
arnaucube/reciprokaPublic Self-hosted repository
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;