saleor-dashboard/src/storybook/stories/orders/OrderShippingMethodEditDialog.tsx
2020-03-24 13:54:20 +01:00

41 lines
1.2 KiB
TypeScript

import { storiesOf } from "@storybook/react";
import React from "react";
import { OrderErrorCode } from "@saleor/types/globalTypes";
import OrderShippingMethodEditDialog, {
OrderShippingMethodEditDialogProps
} from "../../../orders/components/OrderShippingMethodEditDialog";
import { order as orderFixture } from "../../../orders/fixtures";
import Decorator from "../../Decorator";
const order = orderFixture("");
const props: OrderShippingMethodEditDialogProps = {
confirmButtonState: "default",
errors: [],
onClose: () => undefined,
onSubmit: () => undefined,
open: true,
shippingMethod: null,
shippingMethods: order.availableShippingMethods
};
storiesOf("Orders / OrderShippingMethodEditDialog", module)
.addDecorator(Decorator)
.add("default", () => <OrderShippingMethodEditDialog {...props} />)
.add("errors", () => (
<OrderShippingMethodEditDialog
{...props}
errors={[
{
__typename: "OrderError",
code: OrderErrorCode.SHIPPING_METHOD_NOT_APPLICABLE,
field: "shippingMethod"
},
{
__typename: "OrderError",
code: OrderErrorCode.GRAPHQL_ERROR,
field: null
}
]}
/>
));