     project: null
     owner: null
     preferences: null
+    loading: false
 
   getInitialState: ->
     background: null

    slug = @props.params.owner + '/' + @props.params.name

    <div className="project-page-wrapper">
      {if @state.loading
        <div>
          <p>
            Loading{' '}
            <strong>{slug}</strong>...
          </p>
        </div>}

      {if @state.error?
        <div>
          <p>
            There was an error retrieving project{' '}
            <strong>{slug}</strong>.
          </p>
          <p>
            <code>{@state.error.stack}</code>
          </p>
        </div>}

      {if @state.project? and @state.owner?
        <ProjectPage
          {...@props}
          project={@state.project}
          owner={@state.owner}
          preferences={@state.preferences}
          onChangePreferences={@handlePreferencesChange}
        />}
    </div>

module.exports = ProjectPageController

          <IndexLink to="#{projectPath}" activeClassName="active" className="tabbed-content-tab" onClick={logClick?.bind this, 'project.nav.home'}>
            {if @state.avatar?
              <img src={@state.avatar.src} className="avatar" />}
            {if @props.loading
              'Loading...'
            else
              @props.project.display_name}
          </IndexLink>}

        {unless @props.project.redirect
