const accountId = props.accountId ?? context.accountId; const className = props.className ?? "profile-image d-inline-block"; const style = props.style ?? {}; const imageStyle = props.imageStyle ?? { objectFit: "cover", width: "45px", height: "45px", border: "3px solid #FEFFFE", borderRadius: "100%", }; const imageClassName = props.imageClassName ?? ""; const thumbnail = props.thumbnail ?? "thumbnail"; const profile = props.profile ?? Social.getr(`${accountId}/profile`); const name = profile.name || "No-name profile"; const image = profile.image; const title = `${name} @${accountId}`; return ( <div className={className} title={title} style={style}> <Widget src="mob.near/widget/Image" props={{ image, alt: title, className: imageClassName, style: imageStyle, thumbnail, fallbackUrl: "https://thewiki.io/static/media/sasha_anon.6ba19561.png", }} /> </div> );