 
 
   render: =>
-    div className: 'profile-detail',
-      div className: 'profile-detail__bar',
+    div className: bn,
+      div className: "#{bn}__bar",
         el ProfilePage.DetailBar,
           stats: @props.stats
           toggleExtend: @toggleExtend

          user: @props.user
      div
        className: if @state.extended then '' else 'hidden'
        div className: 'profile-detail__row profile-detail__row--top',
          div className: 'profile-detail__col profile-detail__col--top-left',
            div className: 'profile-detail__top-left-item',
              el ProfilePage.PlayTime, stats: @props.stats
            div className: 'profile-detail__top-left-item',
              el ProfilePage.MedalsCount, userAchievements: @props.userAchievements
            div className: 'profile-detail__top-left-item',
              el ProfilePage.Pp, stats: @props.stats

          div className: 'profile-detail__col',
            el ProfilePage.RankCount, stats: @props.stats
        div className: 'profile-detail__row',
          div className: 'profile-detail__col profile-detail__col--bottom-left',
            if @props.rankHistory?
              el ProfilePage.RankChart,
                rankHistory: @props.rankHistory
                stats: @props.stats
            else
              div className: 'profile-detail__empty-chart',
                osu.trans('users.show.extra.unranked')

          div className: 'profile-detail__col profile-detail__col--bottom-right',
            div className: 'profile-detail__bottom-right-item',
              div className: 'value-display value-display--large',
                div className: 'value-display__label',
                  osu.trans('users.show.rank.global_simple')


{div} = ReactDOMFactories
el = React.createElement
bn = 'profile-detail'

class ProfilePage.Detail extends React.PureComponent
  constructor: (props) ->
