added redux

.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["env", "react"],
+    "plugins": ["transform-object-rest-spread"]
+}

package.json

@@ -16,6 +16,7 @@
   "devDependencies": {
     "babel-core": "^6.24.1",
     "babel-loader": "^7.0.0",
+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-preset-env": "^1.4.0",
     "babel-preset-react": "^6.24.1",
     "css-loader": "^0.28.1",
@@ -31,9 +32,16 @@
   },
   "dependencies": {
     "@blueprintjs/core": "^1.16.0",
+    "classnames": "^2.2.5",
+    "font-awesome": "^4.7.0",
     "react": "^15.5.4",
     "react-addons-css-transition-group": "^15.5.2",
     "react-dom": "^15.5.4",
+    "react-fontawesome": "^1.6.1",
+    "react-redux": "^5.0.4",
+    "react-router-dom": "^4.1.1",
+    "redux": "^3.6.0",
+    "redux-actions": "^2.0.3",
     "resetcss": "^1.0.3"
   },
   "babel": {

src/App.jsx

@@ -1,15 +1,37 @@
 import React from 'react'
-import './App.scss'
+import { connect } from 'react-redux'
+import { BrowserRouter as Router } from 'react-router-dom'
+import { Navbar } from './Header/Navbar'
+import Topbar from './Header/Topbar'
+import Routes from './Routes'
+import { LOGIN } from './Store/Actions'
+import './assets'
 
-import Navbar from './Navbar'
+const USER = {
+    username: 'Coldiary',
+    email: 'coldiary@orange.fr',
+    links: {
+        twitter: 'coldiary'
+    }
+}
 
-const App = () =>
-    <div>
-        <header>
-            <Navbar/>
-        </header>
-        <main></main>
-        <footer></footer>
-    </div>
+const App = ({ user, login }) => {
+    if (!user)
+        return <a onClick={() => login(USER)}>login</a>
+    return (
+        <Router>
+            <div className="flex-frame">
+                <header><Topbar /></header>
+                <main><Routes /></main>
+                <footer><Navbar dark><span>© 2017 - Coldiary</span></Navbar></footer>
+            </div>
+        </Router>
+    )
+}
 
-export default App
+const mapStateToProps = state => ({ user: state.user })
+const mapDispatchToProps = dispatch => ({ login: user => dispatch(LOGIN(user)) })
+
+const AuthApp = connect(mapStateToProps, mapDispatchToProps)(App)
+
+export default AuthApp

src/App.scss

@@ -1,2 +1,21 @@
-@import "~resetcss/reset.min.css";
-@import "~@blueprintjs/core/dist/blueprint.css";
+@import '~@blueprintjs/core/dist/variables.scss';
+
+.flex-frame {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background: $pt-app-background-color;
+
+    main {
+        flex: 1;
+        padding: 50px;
+    }
+
+    footer {
+        nav {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+    }
+}

src/Header/NavLinkBP.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { NavLink } from 'react-router-dom'
+
+const NavLinkBP = ({path, label, icon, exact}) =>
+    <NavLink to={path} {...{exact}}
+        activeClassName="pt-active"
+        className={"pt-button pt-minimal pt-icon-" + icon}>
+        {label}
+    </NavLink>
+
+export default NavLinkBP

src/Header/Navbar.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+import classNames from 'classnames'
+
+const Navbar = ({ dark, children }) => <nav className={classNames(['pt-navbar', { 'pt-dark': dark }])}>{children}</nav>
+const NavbarGroup = ({ align, children }) => <div className={"pt-navbar-group " + (align ? "pt-align-" + align : '')}>{children}</div>
+const NavbarDivider = () => <span className="pt-navbar-divider" />
+const NavbarHeading = ({ children }) => <div className="pt-navbar-heading">{children}</div>
+
+export { Navbar, NavbarGroup, NavbarDivider, NavbarHeading }

src/Header/Notifications.jsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+const Notifications = <div>No notifications</div>
+
+export default Notifications;

src/Header/Topbar.jsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import { connect } from 'react-redux'
+import { Popover, PopoverInteractionKind, Position } from '@blueprintjs/core'
+import { Navbar, NavbarGroup, NavbarDivider, NavbarHeading } from './Navbar'
+import NavLinkBP from './NavLinkBP'
+import UserMenu from './UserMenu'
+import { LOGOUT } from '../Store/Actions'
+import Notifications from './Notifications'
+
+const TopbarTemplate = ({ logout }) =>
+    <div>
+        <Navbar dark>
+            <NavbarGroup align="left">
+                <NavbarHeading>Lighthouse</NavbarHeading>
+                <NavLinkBP path="/" label="Home" icon="home" exact/>
+                <NavLinkBP path="/projects" label="Projects" icon="document"/>
+            </NavbarGroup>
+            <NavbarGroup align="right">
+                <input className="pt-input" placeholder="Search files..." type="text" />
+                <NavbarDivider />
+                <Popover content={Notifications} position={Position.BOTTOM_RIGHT}
+                        popoverClassName="pt-popover-content-sizing"
+                        interactionKind={PopoverInteractionKind.HOVER}>
+                    <button className="pt-button pt-minimal pt-icon-notifications"></button>
+                </Popover>
+                <Popover content={UserMenu({logout})} position={Position.BOTTOM_RIGHT}
+                        interactionKind={PopoverInteractionKind.CLICK}>
+                    <button className="pt-button pt-minimal pt-icon-user"></button>
+                </Popover>
+            </NavbarGroup>
+        </Navbar>
+    </div>
+
+const mapDispatchToProps = dispatch => ({ logout: () => { console.log('dispatching'); dispatch(LOGOUT()) } })
+const Topbar = connect(null, mapDispatchToProps)(TopbarTemplate)
+
+export default Topbar

src/Header/UserMenu.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import classNames from 'classnames'
+import { Link } from 'react-router-dom'
+import { Menu, MenuItem, MenuDivider } from "@blueprintjs/core"
+
+const MenuLink = ({ to, iconName, children, ...otherProps }) => {
+    let classes = classNames(["pt-menu-item","pt-popover-dismiss", {[`pt-icon-${iconName}`]: iconName}]);
+    return <li><Link to={to} className={classes} {...otherProps}>{children}</Link></li>
+}
+
+const userMenu = ({ logout }) => 
+    <Menu>
+        <MenuLink to="/user" iconName="user">Profile</MenuLink>
+        <MenuLink to="/settings" iconName="cog">Settings</MenuLink>
+        <MenuDivider />
+        <MenuItem text="Log out" iconName="power" onClick={() => { console.log('loginout'); logout() }} />
+    </Menu>
+
+export default userMenu

src/Navbar.jsx

@@ -1,37 +0,0 @@
-import React from 'react'
-import { Menu, MenuItem, MenuDivider } from "@blueprintjs/core";
-import { Popover, PopoverInteractionKind, Position } from '@blueprintjs/core';
-
-const userMenu = 
-    <Menu>
-        <MenuItem iconName="user" text="Profile" />
-        <MenuItem text="Settings..." iconName="cog" />
-        <MenuDivider />
-        <MenuItem text="Log out" iconName="power" />
-    </Menu>
-
-const Navbar = () => 
-    <div>
-        <nav className="pt-navbar pt-dark">
-            <div className="pt-navbar-group pt-align-left">
-                <div className="pt-navbar-heading">Lighthouse</div>
-                <button className="pt-button pt-minimal pt-icon-home">Home</button>
-                <button className="pt-button pt-minimal pt-icon-document">Files</button>
-            </div>
-            <div className="pt-navbar-group pt-align-right">
-                <input className="pt-input" placeholder="Search files..." type="text" />
-                <span className="pt-navbar-divider"></span>
-                <Popover content={<div>No notifications</div>} position={Position.BOTTOM_RIGHT}
-                        popoverClassName="pt-popover-content-sizing"
-                        interactionKind={PopoverInteractionKind.HOVER}>
-                    <button className="pt-button pt-minimal pt-icon-notifications"></button>
-                </Popover>
-                <Popover content={userMenu} position={Position.BOTTOM_RIGHT}
-                        interactionKind={PopoverInteractionKind.CLICK}>
-                    <button className="pt-button pt-minimal pt-icon-user"></button>
-                </Popover>
-            </div>
-        </nav>
-    </div>
-
-export default Navbar

src/Pages/Settings/SideMenu.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { Menu, MenuItem, MenuDivider } from '@blueprintjs/core'
+
+const SideMenu = () =>
+    <Menu className="pt-elevation-1">
+        <li className="pt-menu-header"><h6>Settings</h6></li>
+        <MenuItem
+            iconName="new-text-box"
+            text="New text box"
+        />
+        <MenuItem
+            iconName="new-object"
+            text="New object"
+        />
+        <MenuItem
+            iconName="new-link"
+            text="New link"
+        />
+        <MenuDivider />
+        <MenuItem text="Settings..." iconName="cog" />
+    </Menu>

src/Pages/User/User.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import UserPic from './UserPic'
+import UserInfo from './UserInfo'
+import "./User.scss"
+
+const User = () => 
+    <div className="User">
+        <UserPic />
+        <UserInfo />
+    </div>
+
+export default User;

src/Pages/User/User.scss

@@ -0,0 +1,41 @@
+.User {
+    display: flex;
+    flex-direction: row;
+    align-content: flex-start;
+    justify-content: flex-start;
+
+    .profile-pic {
+        width: 200px;
+        height: 200px;
+    }
+
+    .profile-info {
+        display: flex;
+        margin-left: 50px;
+        flex-direction: column;
+        justify-content: space-around;
+
+        h3 {
+            margin-bottom: 30px;
+        }
+
+        .social-columns {
+            display: flex;
+            flex-wrap: wrap;
+
+            & > h4 {
+                margin: 20px;
+            }
+
+            .fa {
+                margin-right: 20px;
+                width: 20px;
+            }
+        }
+
+
+        .pt-label > input.pt-input {
+            margin-left: 20px;
+        }
+    }
+}

src/Pages/User/UserInfo.jsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import FontAwesome from 'react-fontawesome'
+import { EditableText } from "@blueprintjs/core"
+
+const SocialLink = ({ iconName, ...otherProps }) => <h4><FontAwesome name={iconName} /><EditableText {...otherProps}/></h4>
+
+const UserInfo = () => 
+    <div className="profile-info">
+        <h3><EditableText placeholder="Username"/></h3>
+        <h3><EditableText placeholder="Email"/></h3>
+        <div className="social-columns">
+            <SocialLink iconName="twitter" placeholder="Twitter" />
+            <SocialLink iconName="facebook" placeholder="Facebook"/>
+            <SocialLink iconName="linkedin" placeholder="LinkedIn"/>
+            <SocialLink iconName="stack-overflow" placeholder="StackOverflow"/>
+            <SocialLink iconName="github" placeholder="Github"/>
+            <SocialLink iconName="globe" placeholder="Website"/>
+        </div>
+    </div>
+    
+
+export default UserInfo

src/Pages/User/UserPic.jsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import cl from 'classnames'
+
+const Card = ({ className, children, interactive }) => {
+    let classes = cl(["pt-card", className, {'pt-interactive': interactive}]);
+    return <div className={classes}>{children}</div>
+}
+
+const Placeholder = ({ iconName, title, description }) => 
+    <div className="pt-non-ideal-state">
+        <div className="pt-non-ideal-state-visual pt-non-ideal-state-icon">
+            <span className={`pt-icon pt-icon-${iconName}`}></span>
+        </div>
+        <h4 className="pt-non-ideal-state-title">{title}</h4>
+        <div className="pt-non-ideal-state-description">
+            {description}
+        </div>
+    </div>
+
+const UserPic = () => 
+    <Card className="profile-pic" interactive>
+        <Placeholder iconName="mugshot" title="No picture" description="Click to change"/>
+    </Card>
+
+export default UserPic;

src/Routes.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
+
+import User from './Pages/User/User'
+
+const Home = () => <div>Home</div>
+const Projects = () => <div>Projects</div>
+const Settings = () => <div>Settings</div>
+
+const Routes = () => 
+    <div>
+        <Route path="/"         component={Home} exact />
+        <Route path="/projects"    component={Projects} />
+        <Route path="/user"     component={User} />
+        <Route path="/settings" component={Settings} />
+    </div>
+
+export default Routes

src/Store/Actions/index.js

@@ -0,0 +1,2 @@
+import { LOGIN, LOGOUT } from './user'
+export { LOGIN, LOGOUT }

src/Store/Actions/user.js

@@ -0,0 +1,3 @@
+import { createAction } from 'redux-actions'
+export const LOGIN = createAction('LOGIN');
+export const LOGOUT = createAction('LOGOUT');

src/Store/Reducers/index.js

@@ -0,0 +1,6 @@
+import { combineReducers } from 'redux'
+import { user } from './user'
+
+const reducers = combineReducers({ user })
+
+export default reducers

src/Store/Reducers/user.js

@@ -0,0 +1,7 @@
+import { handleActions } from 'redux-actions'
+import { LOGIN, LOGOUT } from '../Actions'
+
+export const user = handleActions({
+  [LOGIN]: (state, action) => action.payload,
+  [LOGOUT]: (state, action) => null
+}, null);

src/assets.js

@@ -0,0 +1,4 @@
+import "resetcss/reset.min.css"
+import "@blueprintjs/core/dist/blueprint.css"
+import 'font-awesome/css/font-awesome.min.css'
+import './App.scss'

src/index.js

@@ -1,7 +1,14 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
+import { createStore } from 'redux'
+import { Provider } from 'react-redux'
+import reducers from './Store/Reducers'
 import App from './App'
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const devToolsEnabled = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
+
+let store = createStore(reducers, devToolsEnabled)
+
+ReactDOM.render(<Provider store={store}><App /></Provider>, document.getElementById('root'));
 
 module.hot.accept();

webpack.config.js

@@ -1,4 +1,4 @@
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 module.exports = {
     entry: [
@@ -22,7 +22,7 @@ module.exports = {
                 test: /\.s?css$/,
                 loader: ExtractTextPlugin.extract({
                     fallback: 'style-loader',
-                    use: ['sass-loader', 'css-loader']
+                    use: ['css-loader', 'sass-loader']
                 })
             },
             {
@@ -39,6 +39,7 @@ module.exports = {
     ],
     devServer: {
         contentBase: './dist',
-        hot: true
+        hot: true,
+        historyApiFallback: true
     },
-};
+}

yarn.lock

@@ -398,6 +398,10 @@ babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
 
+babel-plugin-syntax-object-rest-spread@^6.8.0:
+  version "6.13.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
+
 babel-plugin-syntax-trailing-function-commas@^6.22.0:
   version "6.22.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
@@ -593,6 +597,13 @@ babel-plugin-transform-flow-strip-types@^6.22.0:
     babel-plugin-syntax-flow "^6.18.0"
     babel-runtime "^6.22.0"
 
+babel-plugin-transform-object-rest-spread@^6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.23.0.tgz#875d6bc9be761c58a2ae3feee5dc4895d8c7f921"
+  dependencies:
+    babel-plugin-syntax-object-rest-spread "^6.8.0"
+    babel-runtime "^6.22.0"
+
 babel-plugin-transform-react-display-name@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.23.0.tgz#4398910c358441dc4cef18787264d0412ed36b37"
@@ -983,7 +994,7 @@ clap@^1.0.9:
   dependencies:
     chalk "^1.1.3"
 
-classnames@^2.2:
+classnames@^2.2, classnames@^2.2.5:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d"
 
@@ -1183,6 +1194,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2:
     create-hash "^1.1.0"
     inherits "^2.0.1"
 
+create-react-class@^15.5.1:
+  version "15.5.3"
+  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.5.3.tgz#fb0f7cae79339e9a179e194ef466efa3923820fe"
+  dependencies:
+    fbjs "^0.8.9"
+    loose-envify "^1.3.1"
+    object-assign "^4.1.1"
+
 cross-spawn@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982"
@@ -1693,6 +1712,10 @@ flatten@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
 
+font-awesome@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
+
 for-in@^0.1.3:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
@@ -1890,6 +1913,16 @@ he@1.1.x:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
 
+history@^4.5.1, history@^4.6.0:
+  version "4.6.1"
+  resolved "https://registry.yarnpkg.com/history/-/history-4.6.1.tgz#911cf8eb65728555a94f2b12780a0c531a14d2fd"
+  dependencies:
+    invariant "^2.2.1"
+    loose-envify "^1.2.0"
+    resolve-pathname "^2.0.0"
+    value-equal "^0.2.0"
+    warning "^3.0.0"
+
 hmac-drbg@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -1902,6 +1935,10 @@ hoek@2.x.x:
   version "2.16.3"
   resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
 
+hoist-non-react-statics@^1.0.3, hoist-non-react-statics@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
+
 home-or-tmp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
@@ -2065,7 +2102,7 @@ interpret@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.3.tgz#cbc35c62eeee73f19ab7b10a801511401afc0f90"
 
-invariant@^2.2.0, invariant@^2.2.2:
+invariant@^2.0.0, invariant@^2.2.0, invariant@^2.2.1, invariant@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
   dependencies:
@@ -2353,6 +2390,10 @@ loader-utils@^1.0.1, loader-utils@^1.0.2:
     emojis-list "^2.0.0"
     json5 "^0.5.0"
 
+lodash-es@^4.17.4, lodash-es@^4.2.0, lodash-es@^4.2.1:
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.4.tgz#dcc1d7552e150a0640073ba9cb31d70f032950e7"
+
 lodash.assign@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
@@ -2381,7 +2422,7 @@ lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
 
-lodash@^4.0.0, lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.2.0:
+lodash@^4.0.0, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.2.0, lodash@^4.2.1:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 
@@ -2393,7 +2434,7 @@ longest@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
   dependencies:
@@ -2731,7 +2772,7 @@ oauth-sign@~0.8.1:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.8.2.tgz#46a6ab7f0aead8deae9ec0565780b7d4efeb9d43"
 
-object-assign@^4.0.1, object-assign@^4.1.0:
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
 
@@ -2857,6 +2898,12 @@ path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
 
+path-to-regexp@^1.5.3:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.7.0.tgz#59fde0f435badacba103a84e9d3bc64e96b9937d"
+  dependencies:
+    isarray "0.0.1"
+
 path-type@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
@@ -3174,7 +3221,7 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
-prop-types@^15.5.7, prop-types@~15.5.7:
+prop-types@^15.0.0, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.7, prop-types@~15.5.7:
   version "15.5.9"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.9.tgz#d478eef0e761396942f70c78e772f76e8be747c9"
   dependencies:
@@ -3291,6 +3338,12 @@ react-dom@^15.5.4:
     object-assign "^4.1.0"
     prop-types "~15.5.7"
 
+react-fontawesome@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/react-fontawesome/-/react-fontawesome-1.6.1.tgz#eddce17e7dc731aa09fd4a186688a61793a16c5c"
+  dependencies:
+    prop-types "^15.5.6"
+
 react-hot-api@^0.4.5:
   version "0.4.7"
   resolved "https://registry.yarnpkg.com/react-hot-api/-/react-hot-api-0.4.7.tgz#a7e22a56d252e11abd9366b61264cf4492c58171"
@@ -3302,6 +3355,39 @@ react-hot-loader@^1.3.1:
     react-hot-api "^0.4.5"
     source-map "^0.4.4"
 
+react-redux@^5.0.4:
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.0.4.tgz#1563babadcfb2672f57f9ceaa439fb16bf85d55b"
+  dependencies:
+    create-react-class "^15.5.1"
+    hoist-non-react-statics "^1.0.3"
+    invariant "^2.0.0"
+    lodash "^4.2.0"
+    lodash-es "^4.2.0"
+    loose-envify "^1.1.0"
+    prop-types "^15.0.0"
+
+react-router-dom@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-4.1.1.tgz#3021ade1f2c160af97cf94e25594c5f294583025"
+  dependencies:
+    history "^4.5.1"
+    loose-envify "^1.3.1"
+    prop-types "^15.5.4"
+    react-router "^4.1.1"
+
+react-router@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.1.1.tgz#d448f3b7c1b429a6fbb03395099949c606b1fe95"
+  dependencies:
+    history "^4.6.0"
+    hoist-non-react-statics "^1.2.0"
+    invariant "^2.2.2"
+    loose-envify "^1.3.1"
+    path-to-regexp "^1.5.3"
+    prop-types "^15.5.4"
+    warning "^3.0.0"
+
 react@^15.5.4:
   version "15.5.4"
   resolved "https://registry.yarnpkg.com/react/-/react-15.5.4.tgz#fa83eb01506ab237cdc1c8c3b1cea8de012bf047"
@@ -3377,6 +3463,28 @@ reduce-function-call@^1.0.1:
   dependencies:
     balanced-match "^0.4.2"
 
+reduce-reducers@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/reduce-reducers/-/reduce-reducers-0.1.2.tgz#fa1b4718bc5292a71ddd1e5d839c9bea9770f14b"
+
+redux-actions@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/redux-actions/-/redux-actions-2.0.3.tgz#1550aba9def179166ccd234d07672104a736d889"
+  dependencies:
+    invariant "^2.2.1"
+    lodash "^4.13.1"
+    lodash-es "^4.17.4"
+    reduce-reducers "^0.1.0"
+
+redux@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-3.6.0.tgz#887c2b3d0b9bd86eca2be70571c27654c19e188d"
+  dependencies:
+    lodash "^4.2.1"
+    lodash-es "^4.2.1"
+    loose-envify "^1.1.0"
+    symbol-observable "^1.0.2"
+
 regenerate@^1.2.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260"
@@ -3501,6 +3609,10 @@ resetcss@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/resetcss/-/resetcss-1.0.3.tgz#f13960be06728ba84462f0f51575dc10c8058209"
 
+resolve-pathname@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-2.1.0.tgz#e8358801b86b83b17560d4e3c382d7aef2100944"
+
 right-align@^0.1.1:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
@@ -3851,6 +3963,10 @@ svgo@^0.7.0:
     sax "~1.2.1"
     whet.extend "~0.9.9"
 
+symbol-observable@^1.0.2:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.4.tgz#29bf615d4aa7121bdd898b22d4b3f9bc4e2aa03d"
+
 tapable@^0.2.5, tapable@~0.2.5:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.6.tgz#206be8e188860b514425375e6f1ae89bfb01fd8d"
@@ -4038,6 +4154,10 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "~1.0.0"
     spdx-expression-parse "~1.0.0"
 
+value-equal@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-0.2.1.tgz#c220a304361fce6994dbbedaa3c7e1a1b895871d"
+
 vary@~1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.1.tgz#67535ebb694c1d52257457984665323f587e8d37"
@@ -4058,6 +4178,12 @@ vm-browserify@0.0.4:
   dependencies:
     indexof "0.0.1"
 
+warning@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-3.0.0.tgz#32e5377cb572de4ab04753bdf8821c01ed605b7c"
+  dependencies:
+    loose-envify "^1.0.0"
+
 watchpack@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.3.1.tgz#7d8693907b28ce6013e7f3610aa2a1acf07dad87"