feat(home-page): implement page

* feat: add new redux utils and dapp-api flow

* chore(git): track .env file

* feat(dates): implement new date time string design

* feat(components): implement Notification Card

* feat(components): implement Balance Pie Chart

* feat(home): finish implementing home page UI

* feat(disputes): new column layout

.gitignore

@@ -1,7 +1,6 @@
 # See https://help.github.com/ignore-files/ for more about ignoring files.
 
 # Environment Variables
-# /.env
 
 # Dependencies
 /node_modules/

package.json

@@ -60,6 +60,7 @@
     "react-blockies": "^1.2.2",
     "react-dom": "^16.2.0",
     "react-helmet": "^5.2.0",
+    "react-minimal-pie-chart": "^3.0.1",
     "react-redux": "^5.0.6",
     "react-redux-toastr": "^7.2.0",
     "react-router-dom": "^4.2.2",

src/bootstrap/app.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Helmet } from 'react-helmet'
-import { Provider } from 'react-redux'
+import { Provider, connect } from 'react-redux'
 import { ConnectedRouter } from 'react-router-redux'
 import { Switch, Route } from 'react-router-dom'
 
@@ -16,14 +16,17 @@ import GlobalComponents from './global-components'
 
 import './app.css'
 
-const renderNavBar = () => (
-  <NavBar
-    routes={[
-      { name: 'Home', to: '/' },
-      { name: 'Disputes', to: '/disputes' },
-      { name: 'Testing Panel', to: '/testing-panel' }
-    ]}
-  />
+const ConnectedNavBar = connect(state => ({ accounts: state.wallet.accounts }))(
+  ({ accounts }) => (
+    <NavBar
+      routes={[
+        { name: 'Home', to: '/' },
+        { name: 'Disputes', to: '/disputes' },
+        { name: 'Testing Panel', to: '/testing-panel' }
+      ]}
+      accounts={accounts}
+    />
+  )
 )
 
 const App = ({ store, history, testElement }) => (
@@ -34,7 +37,7 @@ const App = ({ store, history, testElement }) => (
           <Helmet>
             <title>Kleros Dapp</title>
           </Helmet>
-          <Route path="/" render={renderNavBar} />
+          <Route path="/" component={ConnectedNavBar} />
           <div id="scroll-root">
             <Switch>
               <Route exact path="/" component={Home} />