const accountId = props.accountId ?? context.accountId; const className = props.className ?? "profile-image d-inline-block"; const style = props.style ?? { width: "3em", height: "3em" }; const imageStyle = props.imageStyle ?? { objectFit: "cover" }; const imageClassName = props.imageClassName ?? "rounded w-100 h-100"; 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 = props.title ?? `${name} @${accountId}`; const tooltip = props.tooltip && (props.tooltip === true ? title : props.tooltip); const inner = ( <div className={className} style={style}> image widget // <Widget // src="andyh.near/widget/Image" // props={{ // image, // alt: title, // className: imageClassName, // style: imageStyle, // thumbnail, // fallbackUrl: // "https://ipfs.near.social/ipfs/bafkreibmiy4ozblcgv3fm3gc6q62s55em33vconbavfd2ekkuliznaq3zm", // }} // /> </div> ); return props.tooltip ? ( <Widget src="andyh.near/widget/Profile.OverlayTrigger" props={{ accountId, children: inner }} /> ) : ( inner );