     this.router.navigate screenURL, {trigger: options.trigger} if screenURL?
 
   renderControls: ->
-    authControl = if this.state?.user?
-      Control(
-        class: 'logout', icon: 'signout',
-        href: '/auth/logout', label: 'Sign out')
-    else
-      Control(
-        class: 'login', icon: 'signin', label: 'Sign in',
-        onClick: => this.showModal LoginDialog())
-
-    controls = [
-      Control(
+    controls = if this.state?.user?
+      [Control(
         class: 'submit', icon: 'pencil', label: 'Submit',
         onClick: => this.showModal WriteScreen()),
-      authControl,
-    ]
-
+       Control(
+        class: 'logout', icon: 'signout',
+        href: '/auth/logout', label: 'Sign out')]
+    else
+      [Control(
+        class: 'login', icon: 'signin', label: 'Sign in',
+        onClick: => this.showModal LoginDialog())]
     `<div class="Controls">{controls}</div>`
 
   render: ->

    title: React.PropTypes.string.isRequired

  routes:
    '':           'items'
    'items/:id':  'item'
    '~:username': 'user'

  events:
    'click a': (e) ->

LoginDialog = React.createClass
  render: ->
    `<div class="LoginDialog">
      <div onClick={Wall.hideModal} class="Controls">
        <Control href="/auth/facebook" label="Sign in with Facebook" icon="facebook" />
        <Control href="/auth/twitter" label="Sign in with Twitter" icon="twitter" />
      </div>
     </div>`

