       education: 'Education'
       talk: 'Talk'
 
+ProjectAvatar = React.createClass
+  displayName: 'ProjectAvatar'
+
+  render: ->
+    <PromiseRenderer promise={@props.project.get 'avatar'} then={(avatar) =>
+      <img src={avatar.src} className="avatar" />
+    } catch={null} />
+
 ProjectPage = React.createClass
   displayName: 'ProjectPage'
 

          } catch={null} />

          <nav className="project-nav tabbed-content-tabs">
            <Link to="project-home" params={params} className="tabbed-content-tab">
              <PromiseRenderer promise={@props.project.get 'avatar'} then={(avatar) =>
                <img src={avatar.src} className="avatar" />
              } catch={null} />
              {@props.project.display_name}
            </Link>
            <Link to="project-research" params={params} className="tabbed-content-tab">
              <Translate content="project.nav.research" />
            </Link>
            <PromiseRenderer promise={@props.project.get 'pages'}>{(pages) =>
              pageTitles = pages.filter((page) -> page.content isnt '' and page.content?).reduce(((accum, page) -> accum[page.url_key] = page.title; accum), {})
              <span>
                {if pageTitles.result
                  <Link to="project-results" params={params} className="tabbed-content-tab">
                    {pageTitles.result}
                  </Link>}
                {if @props.project.redirect
                  <a href={@props.project.redirect} className="tabbed-content-tab">Visit project</a>
                else
                  <Link to="project-classify" params={params} className="classify tabbed-content-tab">
                    <Translate content="project.nav.classify" />
                  </Link>}
                {if pageTitles.faq
                  <Link to="project-faq" params={params} className="tabbed-content-tab">
                    {pageTitles.faq}
                  </Link>}
                {if pageTitles.education
                  <Link to="project-education" params={params} className="tabbed-content-tab">
                    {pageTitles.education}
                  </Link>}
              </span>
            }</PromiseRenderer>
            <Link to="project-talk" params={params} className="tabbed-content-tab">
              <Translate content="project.nav.talk" />
            </Link>

    sugarClient.unsubscribeFrom "project-#{ @props.project.id }"
    document.documentElement.classList.remove 'on-project-page'

  getPageTitles: (page) ->
    page.filter((page) -> page.content isnt '' and page.content?)
      .reduce(((accum, page) -> accum[page.url_key] = page.title; accum), {})

  render: ->
    <ChangeListener target={@props.project}>{=>
      <PromiseRenderer promise={@props.project.get 'owner'}>{(owner) =>
