src/components/App.js

   1 import React, { Component } from "react";
   2 import '../styles/App.css';
   3 import { Switch, Route } from 'react-router-dom';
   4 import  Profit  from './layout/profit'
   5 import Saving from './layout/save'
   6 import Footer from './layout/footer'
   7 import Header from './layout/header'
   8 import Account from './layout/account'
   9 import bytomWrap from './layout/bytomWrap'
  10
  11
  12 import GetContractArgs from "./constants";
  13
  14 const App = () => (
  15   <div>
  16     <Header />
  17     <Constants />
  18     <section className="portfolio" id="portfolio">
  19       <div className="container">
  20         <Main />
  21       </div>
  22     </section>
  23     <Footer />
  24   </div>
  25 );
  26
  27 const Constants = () =>(
  28   <header className="masthead bg-primary text-white">
  29     <div className="container">
  30       <table>
  31         <tbody>
  32           <tr>
  33             <td>
  34               <span className="mr-5">Deposit Asset ID: </span>
  35             </td>
  36             <td>{GetContractArgs().assetDeposited}</td>
  37           </tr>
  38           <tr>
  39             <td>
  40               <span className="mr-5">Bill Asset ID: </span>
  41             </td>
  42             <td>{GetContractArgs().assetBill}</td>
  43           </tr>
  44         </tbody>
  45       </table>
  46     </div>
  47   </header>
  48 );
  49
  50 const Main = () => (
  51   <Switch>
  52     <Route exact path='/' component={bytomWrap(Saving)}/>
  53     <Route exact path='/profit' component={bytomWrap(Profit)}/>
  54     <Route exact path='/account' component={bytomWrap(Account)}/>
  55   </Switch>
  56 );
  57
  58 export default App;