     # console.log 'SUBJECT: ', @state.subject
     viewBox = [0, 0, @state.imageWidth, @state.imageHeight]
     ToolComponent = @state.tool
+
+    console.log 'ToolCOmponent: ', @state.tool
 
     actionButton = 
       if @state.loading

              height = {@state.imageHeight} />
          </Draggable>

          { @state.marks.map ((mark, i) ->
              <ToolComponent
                key={i}
                mark={mark}
                subject={@state.subject}
                workflow={@props.workflow}
                getEventOffset={@getEventOffset}
                isSelected={mark is @state.selectedMark}
                handleMarkClick={@handleMarkClick.bind null, mark}
                onClickDelete={@onClickDelete}
                clickOffset={@state.clickOffset}
                imageWidth={@state.imageWidth}
                imageHeight={@state.imageHeight}
              />
            ), @
          }
        </svg>

    <div className="subject-viewer">

  resizing: false

  getInitialState: ->
    console.log 'props.tool: ', @props.tool
    imageWidth: 0
    imageHeight: 0

