landing-mock start

UI/components/header/auth.js

@@ -1,10 +1,13 @@
 // @flow
 import * as React from 'react'
 import HeaderBarCommon from './common'
+import { type User } from '../../containers/user'
 
-const HeaderBarAuth: React.StatelessFunctionalComponent<{}> = () => (
+const HeaderBarAuth: React.StatelessFunctionalComponent<{ user: User }> = ({ user }) => (
   <HeaderBarCommon>
-    hi
+    <div>
+      Hey there, {user.username}#{user.discriminator}
+    </div>
   </HeaderBarCommon>
 )
 

UI/components/header/unauth.js

@@ -4,7 +4,9 @@ import HeaderBarCommon from './common'
 
 const HeaderBarUnauth: React.StatelessFunctionalComponent<{}> = () => (
   <HeaderBarCommon>
-    hi
+    <div>
+      Hey stranger.
+    </div>
   </HeaderBarCommon>
 )
 

UI/containers/header-bar.js

@@ -1,30 +1,21 @@
 // @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'
+import { type User } from './user'
 
 type Props = {
-  user: User.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 HeaderBar: React.StatelessFunctionalComponent<Props> = (props) => {
+  if (props.user == null) {
+    return <HeaderBarUnauth {...props} />
+  } else {
+    return <HeaderBarAuth {...props} />
+  }
 }
 
-const mapStateToProps = (state): Props => {
-  return {}
-}
-
-function mapDispatchToProps (dispatch) {
-  return bindActionCreators({ }, dispatch)
-}
-
-export default withRedux(connect(mapStateToProps, mapDispatchToProps)(HeaderBar))
+export default HeaderBar

UI/pages/_test/landing-mock.js

@@ -0,0 +1,26 @@
+// @flow
+import * as React from 'react'
+import type { PageProps } from '../../types'
+import HeaderBar from '../../containers/header-bar'
+import { withCookies } from '../../config/rpc'
+import { type UserPartial } from '../../../services/discord'
+
+type InitialProps = {
+  user: ?UserPartial
+}
+
+export default class LandingTest extends React.Component<PageProps & InitialProps> {
+  static async getInitialProps (ctx: PageProps): Promise<InitialProps> {
+    const rpc = withCookies(ctx)
+
+    return {
+      user: await rpc.getCurrentUser()
+    }
+  }
+
+  render () {
+    return <div>
+      <HeaderBar user={this.props.user} />
+    </div>
+  }
+}