saleor-dashboard/src/shipping/components/ShippingZoneRatesCreatePage/ShippingZoneRatesCreatePage.stories.tsx
Tomasz Szymański c30429f7f4
Implement inclusion feature of postal codes (#983)
* Temporary merged schema and types update

* Update typing for zipCodeRules -> postalCodeRules

* Refactor zipCodes to postalCodes

* Fix new schema webhooks

* Delete postal code unassign dialog

* Query inclusion type from backend

* Clean up schema from old mutations

* Proper new mutations structure, all postal code related changes

* Linter changes

* Fix bug with save not being refreshed after codes are added / deleted / inclusion change

* Tests and translations

* Fix warnings across app, minor variables refactor

* Linting

* Trigger deployment

* CR changes, cleanups and refactors

* Update snapshots

* Resolve bug with radio not shows correct value on page refresh

* Fix price and weight creation of codes

* Reducer

* Revert "Reducer"

This reverts commit 07a3aed9c88332bde7d9be61b6dbc29e34e4edba.
2021-02-23 09:58:25 +01:00

93 lines
2.1 KiB
TypeScript

import Decorator from "@saleor/storybook//Decorator";
import {
PostalCodeRuleInclusionTypeEnum,
ShippingMethodTypeEnum
} from "@saleor/types/globalTypes";
import { storiesOf } from "@storybook/react";
import React from "react";
import ShippingZoneRatesCreatePage, {
ShippingZoneRatesCreatePageProps
} from "./ShippingZoneRatesCreatePage";
const channels = [
{
currency: "USD",
id: "1",
maxValue: "10",
minValue: "0",
name: "channel",
price: "5"
},
{
currency: "USD",
id: "2",
maxValue: "20",
minValue: "1",
name: "test",
price: "6"
}
];
const defaultChannels = [
{
currency: "USD",
id: "1",
maxValue: "",
minValue: "",
name: "channel",
price: ""
}
];
const props: ShippingZoneRatesCreatePageProps = {
allChannelsCount: 3,
channelErrors: [],
disabled: false,
errors: [],
onBack: () => undefined,
onChannelsChange: () => undefined,
onDelete: () => undefined,
onPostalCodeAssign: () => undefined,
onPostalCodeInclusionChange: () => undefined,
onPostalCodeUnassign: () => undefined,
onSubmit: () => undefined,
openChannelsModal: () => undefined,
postalCodes: [
{
__typename: "ShippingMethodPostalCodeRule",
end: "51-200",
id: "1",
inclusionType: PostalCodeRuleInclusionTypeEnum.EXCLUDE,
start: "51-220"
},
{
__typename: "ShippingMethodPostalCodeRule",
end: "31-101",
id: "1",
inclusionType: PostalCodeRuleInclusionTypeEnum.EXCLUDE,
start: "44-205"
}
],
saveButtonBarState: "default",
shippingChannels: defaultChannels,
variant: ShippingMethodTypeEnum.PRICE
};
storiesOf("Shipping / ShippingZoneRatesCreatePage page", module)
.addDecorator(Decorator)
.add("create price", () => <ShippingZoneRatesCreatePage {...props} />)
.add("loading", () => (
<ShippingZoneRatesCreatePage
{...props}
disabled={true}
saveButtonBarState={"loading"}
/>
))
.add("create weight", () => (
<ShippingZoneRatesCreatePage
{...props}
shippingChannels={channels}
variant={ShippingMethodTypeEnum.WEIGHT}
/>
));