const contract = props.contract || "docschain.ws-protocol-63"; const componentOwnerId = props.componentOwnerId ?? "calimero.testnet"; const redirectConfig = !componentOwnerId || componentOwnerId === "calimero.near" ? {} : { redirect: (url) => url.replace("calimero.near", componentOwnerId)}; const transformUrl = (url) => !componentOwnerId || componentOwnerId === "calimero.near" ? "calimero.near" : url.replace("calimero.near", componentOwnerId); const PageContainer = styled.div` width: 100%; height: 100vh; padding-left: 60px; padding-right: 60px; background-color: #0e0e10; color: #ffffff; `; return ( <PageContainer> <Widget src={"calimero.near/widget/Calimero.DocsChain.Navbar.HorizontalNavbar"} config={redirectConfig} /> <div className="d-flex"> <Widget src={"calimero.near/widget/Calimero.DocsChain.Sidebar.DocsSidebar"} config={redirectConfig} props={{ onOpenCreatePage: state.onOpenCreatePage, createPageOpen: state.createPage.open, }} /> </div> </PageContainer> );