53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import { ShippingErrorCode } from "@saleor/types/globalTypes";
|
|
import { warehouseList } from "@saleor/warehouses/fixtures";
|
|
import { fetchMoreProps, searchPageProps } from "@saleor/fixtures";
|
|
import ShippingZoneDetailsPage, {
|
|
ShippingZoneDetailsPageProps
|
|
} from "../../../shipping/components/ShippingZoneDetailsPage";
|
|
import { shippingZone } from "../../../shipping/fixtures";
|
|
import Decorator from "../../Decorator";
|
|
|
|
const props: ShippingZoneDetailsPageProps = {
|
|
...fetchMoreProps,
|
|
...searchPageProps,
|
|
disabled: false,
|
|
errors: [],
|
|
onBack: () => undefined,
|
|
onCountryAdd: () => undefined,
|
|
onCountryRemove: () => undefined,
|
|
onDelete: () => undefined,
|
|
onPriceRateAdd: () => undefined,
|
|
onPriceRateEdit: () => undefined,
|
|
onRateRemove: () => undefined,
|
|
onSubmit: () => undefined,
|
|
onWarehouseAdd: () => undefined,
|
|
onWeightRateAdd: () => undefined,
|
|
onWeightRateEdit: () => undefined,
|
|
saveButtonBarState: "default",
|
|
shippingZone,
|
|
warehouses: warehouseList
|
|
};
|
|
|
|
storiesOf("Views / Shipping / Shipping zone details", module)
|
|
.addDecorator(Decorator)
|
|
.add("default", () => <ShippingZoneDetailsPage {...props} />)
|
|
.add("loading", () => (
|
|
<ShippingZoneDetailsPage
|
|
{...props}
|
|
disabled={true}
|
|
shippingZone={undefined}
|
|
/>
|
|
))
|
|
.add("form errors", () => (
|
|
<ShippingZoneDetailsPage
|
|
{...props}
|
|
errors={["name"].map(field => ({
|
|
__typename: "ShippingError",
|
|
code: ShippingErrorCode.INVALID,
|
|
field
|
|
}))}
|
|
/>
|
|
));
|