const accountId = props.accountId; const profile = props.profile ?? Social.getr(`${accountId}/profile`); const name = profile?.name; const inner = ( <div className="d-flex flex-row"> {/*<Widget src="andyh.near/widget/ProfileImage" props={{ // metadata, accountId, // widgetName, style: { height: "2.5em", width: "2.5em", minWidth: "2.5em" }, className: "me-2", }} />*/} <div className="text-truncate lh-sm"> <div className="text-truncate fw-bold">{name}</div> <div className="text-truncate text-muted"> <small> <span className="font-monospace">@{accountId}</span> </small> </div> </div> </div> ); return props.tooltip ? ( <Widget src="andyh.near/widget/Profile.OverlayTrigger" props={{ accountId, children: inner }} /> ) : ( inner );