1002a11f41
* Fix pagination errors on voucher and sale pages * Update messages on voucher and sale pages * Update changelog with pagination fix * Update test snapshots of voucher and sale pages * Update types of voucher and sale pages
86 lines
2.7 KiB
TypeScript
86 lines
2.7 KiB
TypeScript
import { channelsList } from "@saleor/channels/fixtures";
|
|
import { createChannelsDataWithDiscountPrice } from "@saleor/channels/utils";
|
|
import { DiscountErrorCode } from "@saleor/graphql";
|
|
import { PaginatorContextDecorator } from "@saleor/storybook/PaginatorContextDecorator";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import VoucherDetailsPage, {
|
|
VoucherDetailsPageFormData,
|
|
VoucherDetailsPageProps,
|
|
VoucherDetailsPageTab,
|
|
} from "../../../discounts/components/VoucherDetailsPage";
|
|
import { voucherDetails } from "../../../discounts/fixtures";
|
|
import { listActionsProps, pageListProps } from "../../../fixtures";
|
|
import Decorator from "../../Decorator";
|
|
|
|
const channels = createChannelsDataWithDiscountPrice(
|
|
voucherDetails,
|
|
channelsList,
|
|
);
|
|
|
|
const props: VoucherDetailsPageProps = {
|
|
...listActionsProps,
|
|
...pageListProps.default,
|
|
activeTab: VoucherDetailsPageTab.products,
|
|
tabItemsCount: {
|
|
[VoucherDetailsPageTab.categories]:
|
|
voucherDetails.categoriesCount.totalCount,
|
|
[VoucherDetailsPageTab.collections]:
|
|
voucherDetails.collectionsCount.totalCount,
|
|
[VoucherDetailsPageTab.products]: voucherDetails.productsCount.totalCount,
|
|
},
|
|
allChannelsCount: channels.length,
|
|
categoryListToolbar: null,
|
|
channelListings: channels,
|
|
collectionListToolbar: null,
|
|
errors: [],
|
|
onCategoryAssign: () => undefined,
|
|
onCategoryUnassign: () => undefined,
|
|
onChannelsChange: () => undefined,
|
|
onCollectionAssign: () => undefined,
|
|
onCollectionUnassign: () => undefined,
|
|
onCountryAssign: () => undefined,
|
|
onCountryUnassign: () => undefined,
|
|
onProductAssign: () => undefined,
|
|
onProductUnassign: () => undefined,
|
|
onRemove: () => undefined,
|
|
onSubmit: () => undefined,
|
|
onTabClick: () => undefined,
|
|
openChannelsModal: () => undefined,
|
|
productListToolbar: null,
|
|
saveButtonBarState: "default",
|
|
selectedChannelId: "123",
|
|
voucher: voucherDetails,
|
|
};
|
|
|
|
storiesOf("Views / Discounts / Voucher details", module)
|
|
.addDecorator(Decorator)
|
|
.addDecorator(PaginatorContextDecorator)
|
|
.add("default", () => <VoucherDetailsPage {...props} />)
|
|
.add("loading", () => (
|
|
<VoucherDetailsPage {...props} disabled={true} voucher={undefined} />
|
|
))
|
|
.add("form errors", () => (
|
|
<VoucherDetailsPage
|
|
{...props}
|
|
errors={([
|
|
"applyOncePerOrder",
|
|
"code",
|
|
"discountType",
|
|
"endDate",
|
|
"minSpent",
|
|
"name",
|
|
"startDate",
|
|
"type",
|
|
"usageLimit",
|
|
"discountValue",
|
|
] as Array<keyof VoucherDetailsPageFormData>).map(field => ({
|
|
__typename: "DiscountError",
|
|
channels: [],
|
|
code: DiscountErrorCode.INVALID,
|
|
field,
|
|
message: "Discount invalid",
|
|
}))}
|
|
/>
|
|
));
|