             th className: "#{bn}__header #{bn}__header--play-detail-menu"
 
         tbody className: "#{bn}__body",
-          for score, i in @props.scores
+          for score, index in @props.scores
             rowClasses = "#{bn}__body-row"
 
-            if i == 0
+            if index == 0
               rowClasses += " #{bn}__body-row--first"
 
             if @props.scoreboardType != 'friend' && osu.currentUserIsFriendsWith(score.user.id)

  constructor: (props) ->
    super props


  render: =>
    div className: "#{bn}",
      table
        className: "#{bn}__table"
        thead {},


              td className: "#{bn}__play-detail-menu",
                el _exported.PlayDetailMenu,
                  onHide: () => @onMenuActive?(active: false, index: index)
                  onShow: () => @onMenuActive?(active: true, index: index)
                  score: score
