       @loadGuide nextProps.project
 
   loadGuide: (project) ->
+    @setState loading: true
     apiClient.type('field_guides').get project_id: project.id
       .then ([guide]) =>
         @listenTo guide
-        @setState {guide}
+        @setState
+          loading: false
+          guide: guide
         if guide?
           @fetchIcons guide
 

    actions: actions

  getInitialState: ->
    guide: null
    icons: {}
    editing: null


      {if @state.guide?
        @renderEditor()
      else if @state.loading
        <p className="form-help">Loading field guide...</p>
      else
        <p>
          This project doesn’t have a field guide yet.{' '}
          <button type="button" onClick={@createGuide}>Create one!</button>
        </p>}
    </div>

  renderEditor: ->
    window.editingGuide = @state.guide

    <div className="field-guide-editor" className="columns-container">
      <div>
        <ArticleList
