const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const StoryCardMeta = ({ span, title, description }) => ( <Col lg={span} style={{ marginBottom: 16 }} span={24}> <Card.Meta title={title} description={description} /> </Col> )
key="1" <Col span={24}> <Card> <Row style={{ marginBottom: 12 }} <Col span={24}> <MemberGroup members={measures} <Col span={24}> <FilterGroup members={filters} </Row> <Row justify="space-around" align="top" gutter={24}> <Col span={24}> <SelectChartType chartType={chartType} </Row>, <Row justify="space-around" align="top" gutter={24} key="2"> <Col span={24}> {isQueryPresent ? ( <Card style={{ minHeight: 420 }} extra={chartExtra}>
<Content style={{ padding: '25px', margin: '25px' }}> <Row type="flex" justify="space-around" align="top" gutter={24}> <Col span={24} lg={12}> <Card title="Page Views" style={{ marginBottom: '24px' }}> <QueryRenderer </Card> </Col> <Col span={24} lg={12}> <Card title="Unique Visitors" style={{ marginBottom: '24px' }}> <QueryRenderer </Card> </Col> <Col lg={12} span={24}> <Card title="Visitor by Referrer" style={{ marginBottom: '24px' }}> <QueryRenderer </Card> </Col> <Col lg={12} span={24}> <Card title="Visitor by Referrer" style={{ marginBottom: '24px' }}> <QueryRenderer </Card> </Col> <Col lg={12} span={24}> <Card title="Architecture" style={{ marginBottom: '24px', textAlign: 'center' }}> <img src="./architecture.png" style={{ width: '100%', maxWidth: '500px' }}/>
style={{ marginBottom: 12 }} <Col span={24}> <Card> <Row style={{ marginBottom: 12 }} <Col span={24}> <MemberGroup members={measures} style={{ marginBottom: 12 }} <Col span={24}> <FilterGroup members={filters} style={{ marginBottom: 12 }} <Col span={24}> <SelectChartType chartType={chartType} <Col span={24}> {isQueryPresent ? ( <ChartRenderer
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const StoryCardMeta = ({ span, title, description }) => ( <Col lg={span} style={{ marginBottom: 16 }} span={24}> <Card.Meta title={title} description={description} /> </Col> )
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )
const DashboardItem = ({ children, title, size }) => ( <Col span={24} lg={size || 12}> <Card title={title} style={{ marginBottom: "24px" }} > {children} </Card> </Col> )