             div className: 'comment__float-container comment__float-container--left hidden-xs',
               @renderVoteButton()
 
-          @renderUserAvatar()
+          @renderUserAvatar user
 
           div className: 'comment__container',
             div className: 'comment__row comment__row--header',
-              @renderUsername()
+              @renderUsername user
 
               if parent?
                 span

  render: =>
    el Observer, null, () =>
      @children = getChildren(@props)
      comment = store.comments.get(@props.comment.id)
      parent = store.comments.get(comment.parent_id)
      user = @userFor(comment)
      @comment = comment #lazy
      @user = user #lazy

      modifiers = @props.modifiers?[..] ? []
      modifiers.push 'top' if @props.depth == 0

          osu.trans('common.buttons.restore')


  renderUserAvatar: (user) =>
    if user.id?
      a
        className: 'comment__avatar js-usercard'
        'data-user-id': user.id
        href: laroute.route('users.show', user: user.id)
        el UserAvatar, user: user, modifiers: ['full-circle']
    else
      span
        className: 'comment__avatar'
        el UserAvatar, user: user, modifiers: ['full-circle']


  renderUsername: (user) =>
    if user.id?
      a
        'data-user-id': user.id
        href: laroute.route('users.show', user: user.id)
        className: 'js-usercard comment__row-item comment__row-item--username comment__row-item--username-link'
        user.username
    else
      span
        className: 'comment__row-item comment__row-item--username'
        user.username


  # mobile vote button
