 {a, div, h1, h2, p} = React.DOM
 el = React.createElement
 
-BeatmapDiscussions.Header = React.createClass
-  mixins: [React.addons.PureRenderMixin]
-
-
-  componentDidMount: ->
+class BeatmapDiscussions.Header extends React.PureComponent
+  componentDidMount: =>
     @updateChart()
 
 
-  componentDidUpdate: ->
+  componentDidUpdate: =>
     @updateChart()
 
 
-  componentWillUnmount: ->
+  componentWillUnmount: =>
     $(window).off '.beatmapDiscussionsOverview'
 
 
-  render: ->
+  render: =>
     div null,
       div
         className: 'osu-page'

        div className: "#{bn}__line"


  updateChart: ->
    if !@_chart?
      area = @refs.chartArea
      length = @props.currentBeatmap.total_length * 1000

        @headerBottom()


  headerBottom: =>
    bn = 'beatmap-discussions-header-bottom'

    div className: bn,
