const src = props.src || "hack.near/widget/Academy"; const [accountId, widget, widgetName] = src.split("/"); const blockHeight = props.blockHeight; const accountName = accountId.replace(/\.near$/, ""); const metadata = props.metadata ?? Social.getr(`${src}/metadata`, `${blockHeight}`); const name = metadata.name ?? "Index"; const image = metadata.image; const Card = styled.div` position: relative; width: 100%; border: 1px solid #000; overflow: hidden; padding: 23px; `; const displayName = metadata.name || src; const profile = Social.getr(`${accountId}/profile`); return ( <div className="card position-relative"> <Link style={{ textDecoration: "none" }} to={`https://${accountName}.bos.gg`} > <div style={{ maxWidth: "100%", display: "flex", flexDirection: "column", justifyContent: "space-between", overflow: "hidden", }} > <div className="p-3 d-flex flex-row justify-content-between"> <div> <Widget src="hack.near/widget/widget.profile" props={{ src }} /> </div> {context.accountId && ( <div className="m-1"> <Widget src="hack.near/widget/star.button" props={{ widgetPath: src }} /> </div> )} </div> </div> </Link> </div> );