flowtyped everything, some functional, safety, and structural changes

UI/containers/header-bar.js

@@ -0,0 +1,30 @@
+// @flow
+import * as React from 'react'
+import dynamic from 'next/dynamic'
+import { withRedux } from '../config/redux'
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import { namespaceConfig } from 'fast-redux'
+import * as User from './user'
+
+type Props = {
+  user: User.User
+}
+
+const HeaderBarAuth = dynamic(() => import('../components/header/auth'))
+const HeaderBarUnauth = dynamic(() => import('../components/header/unauth'))
+
+const HeaderBar: React.StatelessFunctionalComponent<Props> = () => {
+  // if ()
+  return null
+}
+
+const mapStateToProps = (state): Props => {
+  return {}
+}
+
+function mapDispatchToProps (dispatch) {
+  return bindActionCreators({ }, dispatch)
+}
+
+export default withRedux(connect(mapStateToProps, mapDispatchToProps)(HeaderBar))