const accountId = props.accountId ?? context.accountId; const profile = props.profile ?? Social.getr(`${accountId}/profile`); const fast = props.fast ?? !props.profile; const name = profile.name; const description = profile.description; const tags = Object.keys(profile.tags ?? {}); const imgWrapperStyle = { height: "3em", width: "3em" }; return ( <div className="d-flex flex-row"> <div className="me-2"> <Widget src="mob.near/widget/ProfileImage" loading={<div style={imgWrapperStyle} />} props={{ fast, profile, accountId, widgetName, style: imgWrapperStyle, imageClassName: "rounded-circle w-100 h-100", }} /> </div> <div className="text-truncate"> <div className="text-truncate"> <span className="fw-bold">{name}</span>{" "} <Widget loading="" src="james.near/widget/BuilderHat" props={{ accountId, isBuilder: true }} /> <small> <span className="font-monospace ms-1">@{accountId}</span> </small> </div> <div className="text-truncate text-muted"> {tags.length > 0 && ( <> {tags.map((tag, i) => ( <span key={i} className="me-1 fw-light badge border border-secondary text-bg-light" > #{tag} </span> ))} </> )} {!props.hideDescription && description} </div> </div> </div> );