saleor-dashboard/src/storybook/stories/discounts/SaleCreatePage.tsx
Krzysztof Wolski a82de30309
Add circleci config and enhance our linters (#519)
* Add circleci config

* Season linting config

* Apply code style
2020-05-14 11:30:32 +02:00

32 lines
930 B
TypeScript

import { DiscountErrorCode } from "@saleor/types/globalTypes";
import { storiesOf } from "@storybook/react";
import React from "react";
import SaleCreatePage, {
SaleCreatePageProps
} from "../../../discounts/components/SaleCreatePage";
import Decorator from "../../Decorator";
const props: SaleCreatePageProps = {
defaultCurrency: "USD",
disabled: false,
errors: [],
onBack: () => undefined,
onSubmit: () => undefined,
saveButtonBarState: "default"
};
storiesOf("Views / Discounts / Sale create", module)
.addDecorator(Decorator)
.add("default", () => <SaleCreatePage {...props} />)
.add("loading", () => <SaleCreatePage {...props} disabled={true} />)
.add("form errors", () => (
<SaleCreatePage
{...props}
errors={["name", "startDate", "endDate", "value"].map(field => ({
__typename: "DiscountError",
code: DiscountErrorCode.INVALID,
field
}))}
/>
));