const accountId = props.accountId ?? context.accountId; const profile = props.profile ?? Social.getr(`${accountId}/profile`); const name = profile.name; const image = profile.image; const tags = Object.keys(profile.tags ?? {}); return ( <div className="profile"> <div className="profile-info"> <a href={`#/mob.near/widget/ProfilePage?accountId=${accountId}`} className="text-decoration-none link-dark" > <Widget src="mob.near/widget/ProfileImage" props={{ profile, accountId, className: "float-start me-2", }} /> <div className="profile-name"> <span className="fw-bold">{name || "< Profile Name >"}</span> <small> <span className="font-monospace m-1">@{accountId}</span> </small> </div> </a> </div> <div className="profile-tags text-muted mb-5"> {tags.length > 0 && ( <> {tags.map((tag, i) => ( <span key={i} className="m-1 fw-light badge border border-secondary text-bg-light" > #{tag} </span> ))} </> )} </div> </div> );