render() { const { fatalError } = this.state || {}; const { location, children } = this.props; return ( <Layout style={{ height: '100%' }}> <Header selectedKeys={selectedTab(location.pathname)} /> <Layout.Content style={{ height: '100%' }}> {fatalError ? ( <Alert message="Error occured while rendering" description={fatalError.stack} type="error" /> ) : ( children )} </Layout.Content> </Layout> ); }
render(){ const { collapsed, users } = this.props; let error = users.error; let isLoading = users.isLoading; return( <Layout style={{ minHeight: '100vh' }}> <Sidebar collapsed={collapsed} onCollapse={this.onCollapse} /> <Layout> <Header/> <Layout.Content style={{ margin: '0 16px' }}> <BreadcrumbComponent /> <Card> {(isLoading || error) ? <Skeleton /> : <User deleteUser={this.deleteUserById} data={users.users} />} </Card> </Layout.Content> </Layout> </Layout> ); }
export default function Content() { return ( <Layout.Content className="layout-content"> <Row type="flex" justify="space-between" gutter={16}> <Col span={17}> <Documents /> </Col> <Col span={7}> <LastDocuments /> <Divider className="aside__divider" /> <QuickLinks /> </Col> </Row> </Layout.Content> ); }
render(){ const { collapsed, users } = this.props; return( <Layout style={{ minHeight: '100vh' }}> <Sidebar collapsed={collapsed} onCollapse={this.onCollapse} /> <Layout> <Header/> <Layout.Content style={{ margin: '0 16px' }}> <BreadcrumbComponent /> <Card> <CreateUser onSubmit={this.onSubmit}></CreateUser> </Card> </Layout.Content> </Layout> </Layout> ); }
render(){ const { collapsed, users } = this.props; console.log(users) return( <Layout style={{ minHeight: '100vh' }}> <Sidebar collapsed={collapsed} onCollapse={this.onCollapse} /> <Layout> <Header/> <Layout.Content style={{ margin: '0 16px' }}> <BreadcrumbComponent /> <Card> {(users.users === null || users.users === undefined || users.users === '') ? <Skeleton></Skeleton> : <EditUser onSubmit={this.onSubmit} id={this.props.match.params.id}></EditUser> } </Card> </Layout.Content> </Layout> </Layout> ); }
const AppLayout = ({ children }) => ( <Layout> <Layout.Header> <div style={{ float: "left" }} > <h2 style={{ color: "#fff", margin: 0, marginRight: "1em" }} > Main Dashboard </h2> </div> </Layout.Header> <Layout.Content style={{ padding: "0 25px 25px 25px", margin: "25px" }} > {children} </Layout.Content> </Layout> )