const componentOwnerId = props.componentOwnerId ?? 'calimero.testnet'; const redirectConfig = !componentOwnerId || componentOwnerId === 'calimero.near' ? {} : { redirect: (url) => 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> );