     document.documentElement.classList.remove 'on-collection-page'
 
   render: ->
-    <PromiseRenderer promise={@props.collection.get('owner')}>{(owner) =>
-      baseType = if @props.collection.favorite then "favorites" else "collections"
-      baseLink = ""
-      if @props.project?
-        baseLink = "/projects/#{@props.project.slug}"
-      baseCollectionLink = "#{baseLink}/#{baseType}/#{@props.collection.slug}"
-      baseCollectionsLink = "#{baseLink}/#{baseType}/#{owner.login}"
-      isOwner = @props.user?.id is owner.id
-      profileLink = "#{baseLink}/users/#{owner.login}"
-      collectionsLinkMessageKey = "collectionPage.#{baseType}Link"
+    return null unless @state.owner?
+    
+    baseType = if @props.collection.favorite then "favorites" else "collections"
+    baseLink = ""
+    if @props.project?
+      baseLink = "/projects/#{@props.project.slug}"
+    baseCollectionLink = "#{baseLink}/#{baseType}/#{@props.collection.slug}"
+    baseCollectionsLink = "#{baseLink}/#{baseType}/#{@state.owner?.login}"
+    isOwner = @props.user?.id is @state.owner?.id
+    profileLink = "#{baseLink}/users/#{@state.owner?.login}"
+    collectionsLinkMessageKey = "collectionPage.#{baseType}Link"
 
-      <div className="collections-page">
-        <nav className="collection-nav tabbed-content-tabs">
-          <IndexLink to={baseCollectionLink} activeClassName="active" className="tabbed-content-tab" onClick={@logClick?.bind(this, 'view-collection')}>
-            <Avatar user={owner} />
-            {@props.collection.display_name}
-          </IndexLink>
-          {if isOwner
-            <span>
-              <Link to="#{baseCollectionLink}/settings" activeClassName="active" className="tabbed-content-tab" onClick={@logClick?.bind(this, 'settings-collection')}>
-                <Translate content="collectionPage.settings" />
-              </Link>
-              <Link to="#{baseCollectionLink}/collaborators" activeClassName="active" className="tabbed-content-tab" onClick={@logClick?.bind(this, 'collab-collection')}>
-                <Translate content="collectionPage.collaborators" />
-              </Link>
-            </span>}
-          <Link to={baseCollectionsLink} className="tabbed-content-tab">
-            <Translate content="#{collectionsLinkMessageKey}" user={@props.collection.links.owner.display_name} />
-          </Link>
-          <Link to={profileLink} activeClassName="active" className="tabbed-content-tab">
-            <Translate content="collectionPage.userLink" user={@props.collection.links.owner.display_name} />
-          </Link>
-        </nav>
-        <div className="collection-container talk">
-          {React.cloneElement @props.children, {user: @props.user, collection: @props.collection, roles: @props.roles}}
-        </div>
+    <div className="collections-page">
+      <nav className="collection-nav tabbed-content-tabs">
+        <IndexLink to={baseCollectionLink} activeClassName="active" className="tabbed-content-tab" onClick={@logClick?.bind(this, 'view-collection')}>
+          <Avatar user={@state.owner} />
+          {@props.collection.display_name}
+        </IndexLink>
+        {if isOwner
+          <span>
+            <Link to="#{baseCollectionLink}/settings" activeClassName="active" className="tabbed-content-tab" onClick={@logClick?.bind(this, 'settings-collection')}>
+              <Translate content="collectionPage.settings" />
+            </Link>
+            <Link to="#{baseCollectionLink}/collaborators" activeClassName="active" className="tabbed-content-tab" onClick={@logClick?.bind(this, 'collab-collection')}>
+              <Translate content="collectionPage.collaborators" />
+            </Link>
+          </span>}
+        <Link to={baseCollectionsLink} className="tabbed-content-tab">
+          <Translate content="#{collectionsLinkMessageKey}" user={@props.collection.links.owner.display_name} />
+        </Link>
+        <Link to={profileLink} activeClassName="active" className="tabbed-content-tab">
+          <Translate content="collectionPage.userLink" user={@props.collection.links.owner.display_name} />
+        </Link>
+      </nav>
+      <div className="collection-container talk">
+        {React.cloneElement @props.children, {user: @props.user, collection: @props.collection, roles: @props.roles}}
       </div>
-    }</PromiseRenderer>
+    </div>
 
 module.exports = React.createClass
   displayName: 'CollectionPageWrapper'
 
-  mixins: [TitleMixin, HandlePropChanges]
+  mixins: [TitleMixin]
 
   title: ->
     @state.collection?.display_name ? '(Loading)'

  getDefaultProps: ->
    collection: null

  componentDidMount: ->
    document.documentElement.classList.add 'on-collection-page'


React = require 'react'
apiClient = require 'panoptes-client/lib/api-client'
{IndexLink, Link} = require 'react-router'
Translate = require 'react-translate-component'
counterpart = require 'counterpart'
Avatar = require '../partials/avatar'
Loading = require '../components/loading-indicator'
TitleMixin = require '../lib/title-mixin'
classNames = require 'classnames'

