 
       {if @state.error?
         <p className="form-help error">{@state.error.toString()}</p>}
-      <PromiseRenderer promise={@props.project.get 'project_roles'} then={(projectRoleSets) =>
+      <PromiseRenderer promise={@fetchAllRoles()} then={(projectRoleSets) =>
         <div>
           {if projectRoleSets.length > 1
             for projectRoleSet in projectRoleSets

  toggleRole: (projectRoleSet, role) ->
    index = projectRoleSet.roles.indexOf role

    if index is -1
      projectRoleSet.roles.push role
    else
      projectRoleSet.roles.splice index, 1

    @state.saving.push projectRoleSet.id

    @setState
      error: null
      saving: @state.saving

    projectRoleSet.update('roles').save()
      .catch (error) =>
        @setState {error}
      .then =>

      error: null
      saving: @state.saving

    Promise.all([projectRoleSet.delete(), talkRole.delete() for talkRole in projectRoleSet.talk_roles])
      .catch (error) =>
        @setState {error}

