               width = {@state.imageWidth}
               height = {@state.imageHeight} />
           </MouseHandler>
-          {console.log "After SVG Placement"}
+
+          {
+            # DEBUG CODE
+            null
+            #console.log "After SVG Placement"
+          }
+
           { # DISPLAY PREVIOUS MARKS
             for mark, i in @props.subject.child_subjects_info
 

      selectedMark: mark, => console.log 'SELECTED MARK: ', mark

  render: ->
    console.log '*********** STATE: ', @state
    console.log "PROPS in SB render", @props


    viewBox = [0, 0, @state.imageWidth, @state.imageHeight]

      else
        <ActionButton onClick={@nextSubject} text="Next Page" />

    # console.log "ARE WE HERE 1"
    if false && @state.loading
      markingSurfaceContent = <LoadingIndicator />
      # console.log "First clause of the IF"
    else
      # console.log "ElSE clause"
      markingSurfaceContent =
        <svg
          className = "subject-viewer-svg"
