63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
|
import { storiesOf } from "@storybook/react";
|
||
|
|
import * as React from "react";
|
||
|
|
|
||
|
|
import SaleDetailsPage, {
|
||
|
|
SaleDetailsPageProps,
|
||
|
|
SaleDetailsPageTab
|
||
|
|
} from "../../../discounts/components/SaleDetailsPage";
|
||
|
|
import { sale } from "../../../discounts/fixtures";
|
||
|
|
import { listActionsProps } from "../../../fixtures";
|
||
|
|
import Decorator from "../../Decorator";
|
||
|
|
import { formError } from "../../misc";
|
||
|
|
|
||
|
|
const props: SaleDetailsPageProps = {
|
||
|
|
activeTab: SaleDetailsPageTab.categories,
|
||
|
|
categoryListToolbar: null,
|
||
|
|
collectionListToolbar: null,
|
||
|
|
defaultCurrency: "USD",
|
||
|
|
disabled: false,
|
||
|
|
errors: [],
|
||
|
|
onBack: () => undefined,
|
||
|
|
onCategoryAssign: () => undefined,
|
||
|
|
onCategoryClick: () => undefined,
|
||
|
|
onCategoryUnassign: () => undefined,
|
||
|
|
onCollectionAssign: () => undefined,
|
||
|
|
onCollectionClick: () => undefined,
|
||
|
|
onCollectionUnassign: () => undefined,
|
||
|
|
onNextPage: () => undefined,
|
||
|
|
onPreviousPage: () => undefined,
|
||
|
|
onProductAssign: () => undefined,
|
||
|
|
onProductClick: () => undefined,
|
||
|
|
onProductUnassign: () => undefined,
|
||
|
|
onRemove: () => undefined,
|
||
|
|
onSubmit: () => undefined,
|
||
|
|
onTabClick: () => undefined,
|
||
|
|
pageInfo: {
|
||
|
|
hasNextPage: true,
|
||
|
|
hasPreviousPage: false
|
||
|
|
},
|
||
|
|
productListToolbar: null,
|
||
|
|
sale,
|
||
|
|
saveButtonBarState: "default",
|
||
|
|
...listActionsProps
|
||
|
|
};
|
||
|
|
|
||
|
|
storiesOf("Views / Discounts / Sale details", module)
|
||
|
|
.addDecorator(Decorator)
|
||
|
|
.add("default", () => <SaleDetailsPage {...props} />)
|
||
|
|
.add("loading", () => (
|
||
|
|
<SaleDetailsPage {...props} sale={undefined} disabled={true} />
|
||
|
|
))
|
||
|
|
.add("form errors", () => (
|
||
|
|
<SaleDetailsPage
|
||
|
|
{...props}
|
||
|
|
errors={["name", "startDate", "endDate", "value"].map(formError)}
|
||
|
|
/>
|
||
|
|
))
|
||
|
|
.add("collections", () => (
|
||
|
|
<SaleDetailsPage {...props} activeTab={SaleDetailsPageTab.collections} />
|
||
|
|
))
|
||
|
|
.add("products", () => (
|
||
|
|
<SaleDetailsPage {...props} activeTab={SaleDetailsPageTab.products} />
|
||
|
|
));
|