             />}
       </div>
       <div>
-        <button type="button" onClick={@props.onStepAdd}>+</button>
+        <button type="button" onClick={@props.onStepAdd}>Add a step</button>
       </div>
     </div>
 

  render: ->
    <div>
      <div>
        <p>Here’s some text all about the tutorial editor.</p>
      </div>
      <div>
        {if @props.tutorial.steps.length is 0

        project={@props.project}
        tutorial={@state.tutorial}
        media={@state.media}
        onChangeMedia={@handleChangeToMedia}
        onDelete={@handleTutorialCreateOrDelete}
      />
    else
      <TutorialCreator project={@props.project} onCreate={@handleTutorialCreateOrDelete} />

  handleChangeToMedia: ->
    @fetchMediaFor @state.tutorial

  handleTutorialCreateOrDelete: ->
    @fetchTutorialFor @props.project

