user-avatar.js

import Component from '@glimmer/component';

export default class UserAvatar extends Component {
  get size() {
    if (this.args.size === 'medium') {
      return 85;
    } else if (this.args.size === 'medium-small') {
      return 32;
    } else {
      return 22; // small
    }
  }

  get alt() {
    return this.args.user.name === null
      ? `(${this.args.user.login})`
      : `${this.args.user.name} (${this.args.user.login})`;
  }

  get title() {
    let user = this.args.user;

    if (!user.kind || user.kind === 'user') {
      return user.name;
    } else if (user.kind === 'team') {
      return `${user.name} team`;
    } else {
      return `${user.name} (${user.kind})`;
    }
  }

  get src() {
    return `${this.args.user.avatar}&s=${this.size * 2}`;
  }
}