compose( graphql(ordersSummaryQuery, { options: (props) => ({ variables: vars }), props: ({data: { loading, orders, refetch }}) => ({ totalSize: loading ? 0 : orders.totalSize, orders: loading ? []: orders.orders, currentPage: vars.page, pageCount: loading ? 0 : Math.ceil(orders.totalSize / vars.pageSize), navigateToPage: (page) => { vars.page = Number(page); refetch(vars)}, pageSize: vars.pageSize, setPageSize: (size) => { vars.pageSize = Number(size); refetch(vars)}, sortKey: vars.sort, setSortProperty: (key) => { vars.sort = key; refetch(vars)}, }) } ), graphql(shipOrder, { props: ({ mutate }) => ({ toggleShipped: (id, shipped) => mutate({ variables: { id, shipped }}) }) }) )(OrdersTable)
pageCount: loading ? 0 : Math.ceil(products.totalSize / vars.pageSize), navigateToPage: (page) => { vars.page = Number(page); refetch(vars)}, pageSize: vars.pageSize, setPageSize: (size) => { vars.pageSize = Number(size); refetch(vars)}, sortKey: vars.sort, setSortProperty: (key) => { vars.sort = key; refetch(vars)}, })