saleor-dashboard/src/storybook/stories/orders/OrderFulfillmentCancelDialog.tsx
2020-04-28 16:52:34 +02:00

34 lines
972 B
TypeScript

import { storiesOf } from "@storybook/react";
import React from "react";
import { OrderErrorCode } from "@saleor/types/globalTypes";
import { warehouseList } from "@saleor/warehouses/fixtures";
import OrderFulfillmentCancelDialog, {
OrderFulfillmentCancelDialogProps
} from "../../../orders/components/OrderFulfillmentCancelDialog";
import Decorator from "../../Decorator";
const props: OrderFulfillmentCancelDialogProps = {
confirmButtonState: "default",
errors: [],
onClose: () => undefined,
onConfirm: () => undefined,
open: true,
warehouses: warehouseList
};
storiesOf("Orders / OrderFulfillmentCancelDialog", module)
.addDecorator(Decorator)
.add("default", () => <OrderFulfillmentCancelDialog {...props} />)
.add("error", () => (
<OrderFulfillmentCancelDialog
{...props}
errors={[
{
__typename: "OrderError",
code: OrderErrorCode.GRAPHQL_ERROR,
field: null
}
]}
/>
));