               className: 'user-list-popup user-list-popup__template'
               style:
                 display: 'none'
-              @props.beatmapset.recent_favourites.map (user) ->
+              @filteredFavourites.map (user) ->
                 a
                   href: laroute.route('users.show', user: user.id)
                   className: 'js-usercard user-list-popup__user'
                   key: user.id
                   'data-user-id': user.id
                   el UserAvatar, user: user, modifiers: ['full']
-              if @props.favcount > @favouritesToShow
+              if @props.favcount > @filteredFavourites.length
                 div className: 'user-list-popup__remainder-count',
-                  osu.transChoice 'common.count.plus_others', @props.favcount - @favouritesToShow
+                  osu.transChoice 'common.count.plus_others', @props.favcount - @filteredFavourites.length
 
           a
             className: 'beatmapset-header__details-text beatmapset-header__details-text--title'

export class Header extends React.Component
  favouritesToShow: 50

  hasAvailabilityInfo: =>
    @props.beatmapset.availability.download_disabled || @props.beatmapset.availability.more_information?


        effect: -> $(this).fadeTo(250, 0)

  render: ->
    @filteredFavourites = @props.beatmapset.recent_favourites.filter (f) -> f.id != currentUser.id
    @filteredFavourites.unshift(currentUser) if @props.hasFavourited
    @filteredFavourites = @filteredFavourites[...@favouritesToShow]

    favouriteButton =
      if @props.hasFavourited
        action: 'unfavourite'
