Fix types
This commit is contained in:
parent
e6dfd5c3e5
commit
340e00f030
2 changed files with 267 additions and 270 deletions
|
@ -21,7 +21,7 @@ import { ListViews } from "@saleor/types";
|
|||
import OrderDraftListPage from "../../components/OrderDraftListPage";
|
||||
import {
|
||||
TypedOrderDraftBulkCancelMutation,
|
||||
TypedOrderDraftCreateMutation
|
||||
useOrderDraftCreateMutation
|
||||
} from "../../mutations";
|
||||
import { TypedOrderDraftListQuery } from "../../queries";
|
||||
import { OrderDraftBulkCancel } from "../../types/OrderDraftBulkCancel";
|
||||
|
@ -58,6 +58,19 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
|
|||
);
|
||||
const intl = useIntl();
|
||||
|
||||
const handleCreateOrderCreateSuccess = (data: OrderDraftCreate) => {
|
||||
notify({
|
||||
text: intl.formatMessage({
|
||||
defaultMessage: "Order draft succesfully created"
|
||||
})
|
||||
});
|
||||
navigate(orderUrl(data.draftOrderCreate.order.id));
|
||||
};
|
||||
|
||||
const [createOrder] = useOrderDraftCreateMutation({
|
||||
onCompleted: handleCreateOrderCreateSuccess
|
||||
});
|
||||
|
||||
const tabs = getFilterTabs();
|
||||
|
||||
const currentTab =
|
||||
|
@ -88,15 +101,6 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
|
|||
true
|
||||
);
|
||||
|
||||
const handleCreateOrderCreateSuccess = (data: OrderDraftCreate) => {
|
||||
notify({
|
||||
text: intl.formatMessage({
|
||||
defaultMessage: "Order draft succesfully created"
|
||||
})
|
||||
});
|
||||
navigate(orderUrl(data.draftOrderCreate.order.id));
|
||||
};
|
||||
|
||||
const openModal = (action: OrderDraftListUrlDialog, ids?: string[]) =>
|
||||
navigate(
|
||||
orderDraftListUrl({
|
||||
|
@ -137,8 +141,6 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
|
|||
);
|
||||
|
||||
return (
|
||||
<TypedOrderDraftCreateMutation onCompleted={handleCreateOrderCreateSuccess}>
|
||||
{createOrder => (
|
||||
<TypedOrderDraftListQuery displayLoader variables={queryVariables}>
|
||||
{({ data, loading, refetch }) => {
|
||||
const { loadNextPage, loadPreviousPage, pageInfo } = paginate(
|
||||
|
@ -170,8 +172,7 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
|
|||
orderDraftBulkDeleteOpts.loading,
|
||||
maybe(
|
||||
() =>
|
||||
orderDraftBulkDeleteOpts.data.draftOrderBulkDelete
|
||||
.errors
|
||||
orderDraftBulkDeleteOpts.data.draftOrderBulkDelete.errors
|
||||
)
|
||||
);
|
||||
const onOrderDraftBulkDelete = () =>
|
||||
|
@ -241,9 +242,7 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
|
|||
values={{
|
||||
counter: maybe(() => params.ids.length),
|
||||
displayQuantity: (
|
||||
<strong>
|
||||
{maybe(() => params.ids.length)}
|
||||
</strong>
|
||||
<strong>{maybe(() => params.ids.length)}</strong>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
|
@ -269,8 +268,6 @@ export const OrderDraftList: React.FC<OrderDraftListProps> = ({ params }) => {
|
|||
);
|
||||
}}
|
||||
</TypedOrderDraftListQuery>
|
||||
)}
|
||||
</TypedOrderDraftCreateMutation>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@ import OrderBulkCancelDialog from "../../components/OrderBulkCancelDialog";
|
|||
import OrderListPage from "../../components/OrderListPage/OrderListPage";
|
||||
import {
|
||||
TypedOrderBulkCancelMutation,
|
||||
TypedOrderDraftCreateMutation
|
||||
useOrderDraftCreateMutation
|
||||
} from "../../mutations";
|
||||
import { TypedOrderListQuery } from "../../queries";
|
||||
import { OrderBulkCancel } from "../../types/OrderBulkCancel";
|
||||
|
@ -62,6 +62,19 @@ export const OrderList: React.FC<OrderListProps> = ({ params }) => {
|
|||
);
|
||||
const intl = useIntl();
|
||||
|
||||
const handleCreateOrderCreateSuccess = (data: OrderDraftCreate) => {
|
||||
notify({
|
||||
text: intl.formatMessage({
|
||||
defaultMessage: "Order draft succesfully created"
|
||||
})
|
||||
});
|
||||
navigate(orderUrl(data.draftOrderCreate.order.id));
|
||||
};
|
||||
|
||||
const [createOrder] = useOrderDraftCreateMutation({
|
||||
onCompleted: handleCreateOrderCreateSuccess
|
||||
});
|
||||
|
||||
const tabs = getFilterTabs();
|
||||
|
||||
const currentTab =
|
||||
|
@ -130,15 +143,6 @@ export const OrderList: React.FC<OrderListProps> = ({ params }) => {
|
|||
const paginationState = createPaginationState(settings.rowNumber, params);
|
||||
const currencySymbol = maybe(() => shop.defaultCurrency, "USD");
|
||||
|
||||
const handleCreateOrderCreateSuccess = (data: OrderDraftCreate) => {
|
||||
notify({
|
||||
text: intl.formatMessage({
|
||||
defaultMessage: "Order draft succesfully created"
|
||||
})
|
||||
});
|
||||
navigate(orderUrl(data.draftOrderCreate.order.id));
|
||||
};
|
||||
|
||||
const queryVariables = React.useMemo(
|
||||
() => ({
|
||||
...paginationState,
|
||||
|
@ -148,8 +152,6 @@ export const OrderList: React.FC<OrderListProps> = ({ params }) => {
|
|||
);
|
||||
|
||||
return (
|
||||
<TypedOrderDraftCreateMutation onCompleted={handleCreateOrderCreateSuccess}>
|
||||
{createOrder => (
|
||||
<TypedOrderListQuery displayLoader variables={queryVariables}>
|
||||
{({ data, loading, refetch }) => {
|
||||
const { loadNextPage, loadPreviousPage, pageInfo } = paginate(
|
||||
|
@ -271,8 +273,6 @@ export const OrderList: React.FC<OrderListProps> = ({ params }) => {
|
|||
);
|
||||
}}
|
||||
</TypedOrderListQuery>
|
||||
)}
|
||||
</TypedOrderDraftCreateMutation>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
Loading…
Reference in a new issue