import { Component } from 'inferno'; import { Link } from 'inferno-router'; import { UserView } from '../interfaces'; import { pictrsAvatarThumbnail, showAvatars, hostname } from '../utils'; interface UserOther { name: string; id?: number; // Necessary if its federated avatar?: string; local?: boolean; actor_id?: string; } interface UserListingProps { user: UserView | UserOther; realLink?: boolean; } export class UserListing extends Component { constructor(props: any, context: any) { super(props, context); } render() { let user = this.props.user; let local = user.local == null ? true : user.local; let name_: string, link: string; if (local) { name_ = user.name; link = `/u/${user.name}`; } else { name_ = `${user.name}@${hostname(user.actor_id)}`; link = !this.props.realLink ? `/user/${user.id}` : user.actor_id; } return ( {user.avatar && showAvatars() && ( )} {name_} ); } }