 
             NewPoint {valence: @props.valence}
 
+##
+# DecisionBoard
+# Handles the user's list of important points in crafting state. 
+# Primary motivation for pulling this out separately is to 
+# animate between results and crafting states using the 
+# ReactTransitionGroup interface.
 DecisionBoard = React.createClass
   displayName: 'DecisionBoard'
 
   componentWillEnter: (callback) ->
+    # Don't display the pro/con columns immediately, 
+    # otherwise they won't fit side by side as the 
+    # area animates the width
     $(@getDOMNode()).hide()
     _.delay =>
       $(@getDOMNode()).show()
       callback()
     , transition_speed
 
-  componentWillLeave: (callback) -> 
+  componentWillLeave: (callback) ->
     $(@getDOMNode()).hide()
     callback()
     # $(@getDOMNode()).slideUp transition_speed / 4, ->

      proposal : {}
      pro_community_points : []
      con_community_points : []
      opinions : {0:[],1:[],2:[],3:[],4:[],5:[],6:[]}
      users : {}

  toggleState : (ev) ->

      state : @state.priorstate, 
      priorstate : @state.state

  render : ->
    console.log @state.data.num_small_segments
    current_opinion = $('.histogram_base').slider('value')

    segment_is_extreme_or_neutral = (segment) => 
      segment == 0 || segment == @state.data.num_small_segments || segment == Math.floor(@state.data.num_small_segments / 2)

    R.div className:'proposal_layout', key:@props.long_id, 'data-role':'proposal', 'data-activity':'proposal-has-activity', 'data-status':'proposal-inactive', 'data-visibility':'published', 'data-state':@state.state, 'data-prior-state':@state.priorstate,
      
