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> ); }
const Post = ({ url, parseTitle, parseImage, parseText , parseViews }) => { return ( <Item> <Item.Image src={parseImage} /> <Item.Content> <Item.Header as='a' href={url} target='_blank'>{parseTitle}</Item.Header> <Item.Description>{setText(parseText)}</Item.Description> <Item.Extra> <Label icon='eye' content={parseViews} /> </Item.Extra> </Item.Content> </Item> ) }
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 {t} = this.props; return ( <Segment> <Item> <Item.Content> <Item.Header>{this.props.book.title}</Item.Header> <Item.Description>{this.props.book.description}</Item.Description> <Button primary style={{marginTop: 10}} as={Link} to={route(`/books/${this.props.book.id}`)}> <Icon name={'zoom'}/>{t('link.details')} </Button> </Item.Content> </Item> </Segment> ) }
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> ); }
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() { return ( <Item.Group> {this.state.movies.map(movie => { return ( <Item> <Item.Image size="tiny" src={"https://image.tmdb.org/t/p/w342/" + movie.poster_path} /> <Item.Content> <Item.Header>{movie.original_title}</Item.Header> <Item.Meta> <span className="price">{"avg:" + movie.vote_average}</span> <span className="stay">{"count:" + movie.vote_count}</span> </Item.Meta> <Item.Description>{movie.overview}</Item.Description> </Item.Content> </Item> ); })} </Item.Group> ); }
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> ); }
<Text style={{fontSize:16,color:'gray'}}>Go and make one!</Text> </View> :(<Card style={{backgroundColor:'#2e2d2d',shadowColor:'transparent',elevation:0, marginBottom:20}}> <Card.Content style={{backgroundColor:"#2e2d2d",alignSelf:'center', borderBottomWidth:0.5, borderBottomColor:'#8CAD81'}}> <Title style={{fontSize:14,color:'white', marginBottom:7, marginTop:3}}>Check Your Monthly Pay-List Report Here</Title> </Card.Content> <View style={{backgroundColor:'#2e2d2d', width:width * 3 /4,marginTop:10, alignSelf:'center'}}> <Text style={{marginBottom:-7,fontSize:14, color:'white', alignSelf:'flex-start', fontWeight:'700'}}>Select Year</Text>
<View style={styles.container}> <Card style={{ backgroundColor: "#2e2d2d",shadowColor:'transparent',elevation:0}}> <Card.Content style={{ backgroundColor: "#2e2d2d", alignSelf:'center' }} </Card.Content> </Card> {this.state.tes == "" ? <View style={{flex:1,backgroundColor:'transparent',justifyContent:'center', alignItems:'center'}}>
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> )