 
 
   componentDidMount: =>
-    $.subscribe 'user:update.profilePage', @userUpdate
-    $.subscribe 'user:page:update.profilePage', @userPageUpdate
-    $.subscribe 'profile:showMore.profilePage', @showMore
-    $.subscribe 'profile:page:jump.profilePage', @pageJump
-    $(window).on 'scroll.profilePage', @pageScan
-    $(document).on 'turbolinks:before-cache.profilePage', @saveStateToContainer
+    $.subscribe "user:update.#{@eventId}", @userUpdate
+    $.subscribe "user:page:update.#{@eventId}", @userPageUpdate
+    $.subscribe "profile:showMore.#{@eventId}", @showMore
+    $.subscribe "profile:page:jump.#{@eventId}", @pageJump
+    $(window).on "scroll.#{@eventId}", @pageScan
+    $(document).on "turbolinks:before-cache.#{@eventId}", @saveStateToContainer
 
     $(@pages.current).sortable
       cursor: 'move'



  componentWillUnmount: =>
    $.unsubscribe '.profilePage'
    $(window).off '.profilePage'

    for sortable in [@pages, @tabs]
      $(sortable.current).sortable 'destroy'

  constructor: (props) ->
    super props

    @eventId = "profile-page-#{osu.uuid()}"
    @tabs = React.createRef()
    @pages = React.createRef()
    @state = JSON.parse(props.container.dataset.profilePageState ? null)
