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

    actions: actions

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

      @loadGuide nextProps.project

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

