const src = props.src ?? "hack.near/widget/Academy"; const [accountId, widget, widgetName] = src.split("/"); const metadata = props.metadata ?? Social.getr(`${src}/metadata`); return ( <> <a style={{ color: "#000", textDecoration: "none" }} href={`/${src}`}> <div className="d-flex flex-row"> <div className="me-1"> <Widget src="mob.near/widget/WidgetImage" props={{ accountId, widgetName, }} /> </div> <div className="text-truncate ms-2"> <span className="fw-bold ms-1">{metadata.name ?? widgetName}</span> <div className="text-truncate text-muted"> <Widget src="hack.near/widget/BuilderHat" props={{ accountId }} /> <small> <span className="font-monospace ms-1">@{accountId}</span> </small> </div> </div> </div> </a> </> );