                               changeCallback: @onNavigate,
                               sgfObject: origSgfObject,
                               viewingMove: @state.viewingMove),
-         (React.createElement ScoreDom, prisoners: prisoners)]
+         (React.createElement ScoreDom,
+                              prisoners: prisoners
+                              scores: scores)]
 
 BoardDom = React.createClass
   render: ->

      prisoners.white += result.captures.white
  if scoring
    [x, y] = [null, null]
    {boardState, prisoners} = scoreState {boardState, prisoners}
  {boardState: boardState, lastPlayed: {x, y}, prisoners: prisoners}

scoreState = (stateObj) ->
  "given a board state, change its 'empty' points to 'blackscore',
  'whitescore' and 'dame' and return it"
  {boardState, prisoners} = stateObj

  setRegionScores = (region, color) ->


ScoreDom = React.createClass
  render: ->
    {prisoners, scores} = @props
    {div, span} = React.DOM
    div {className: "score_block"},
        [div {}, ["Black prisoners: ",
                  span {className: "prisoners black"}, prisoners.black],
         div {}, ["White prisoners: ",
                  span {className: "prisoners white"}, prisoners.white],
         div {}, ["Black score: ",
                  span {className: "score black"}, scores?.black],
         div {}, ["White score: ",
                  span {className: "score white"}, scores?.white]]


# move navigation ====================================================
