Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | 1x 4x | // @flow
import React from 'react';
import { Layout, OrdersFilterClosed, OrdersFilterProvider, OrderListPreviewContainer, Footer, Order, OrderListContainer, OrderListItem } from '@/components';
import { Col, Row, Pagination as OrdersPagination } from 'antd';
import { sidebarButtons, filters, data } from './data';
export const DiffClosedCardsPage = (): React.Node => (
<OrdersFilterProvider>
<Layout buttons={sidebarButtons} title="Caption" avatar={{ title: 'AV' }}>
<Row>
<Col span={12}>
<OrdersFilterClosed open={false} dialog={false} filters={filters} />
<OrderListPreviewContainer height={280}>
<Col span={12}>
<OrderListContainer>
<OrderListItem key={data[0].id} data={data[0]} />
<OrderListItem key={data[1].id} data={data[1]} />
<OrderListItem key={data[2].id} data={data[2]} />
<OrderListItem key={data[3].id} data={data[3]} />
<OrderListItem key={data[4].id} data={data[4]} />
<OrderListItem key={data[5].id} data={data[5]} />
<OrderListItem key={data[6].id} data={null} />
</OrderListContainer>
<OrdersPagination defaultCurrent={1} total={50} />
</Col>
<Col span={12}>
<Order />
</Col>
</OrderListPreviewContainer>
</Col>
<Col span={12}>
<OrdersFilterClosed open={false} dialog={false} filters={filters} />
<OrderListPreviewContainer height={280}>
<Col span={12}>
<OrderListContainer>
<OrderListItem key={data[0].id} data={data[0]} />
<OrderListItem key={data[1].id} data={data[1]} />
<OrderListItem key={data[2].id} data={data[2]} />
<OrderListItem key={data[3].id} data={data[3]} />
<OrderListItem key={data[4].id} data={data[4]} />
<OrderListItem key={data[5].id} data={data[5]} />
<OrderListItem key={data[6].id} data={null} />
</OrderListContainer>
<OrdersPagination defaultCurrent={1} total={50} />
</Col>
<Col span={12}>
<Order />
</Col>
</OrderListPreviewContainer>
</Col>
</Row>
<Footer />
</Layout>
</OrdersFilterProvider>
);
|