40 lines
971 B
TypeScript
40 lines
971 B
TypeScript
|
import { storiesOf } from "@storybook/react";
|
||
|
|
import * as React from "react";
|
||
|
|
|
||
|
|
import VoucherCreatePage, {
|
||
|
|
FormData,
|
||
|
|
VoucherCreatePageProps
|
||
|
|
} from "../../../discounts/components/VoucherCreatePage";
|
||
|
|
import Decorator from "../../Decorator";
|
||
|
|
import { formError } from "../../misc";
|
||
|
|
|
||
|
|
const props: VoucherCreatePageProps = {
|
||
|
|
defaultCurrency: "USD",
|
||
|
|
disabled: false,
|
||
|
|
errors: [],
|
||
|
|
onBack: () => undefined,
|
||
|
|
onSubmit: () => undefined,
|
||
|
|
saveButtonBarState: "default"
|
||
|
|
};
|
||
|
|
|
||
|
|
storiesOf("Views / Discounts / Voucher create", module)
|
||
|
|
.addDecorator(Decorator)
|
||
|
|
.add("default", () => <VoucherCreatePage {...props} />)
|
||
|
|
.add("form errors", () => (
|
||
|
|
<VoucherCreatePage
|
||
|
|
{...props}
|
||
|
|
errors={([
|
||
|
|
"applyOncePerOrder",
|
||
|
|
"code",
|
||
|
|
"discountType",
|
||
|
|
"endDate",
|
||
|
|
"minAmountSpent",
|
||
|
|
"name",
|
||
|
|
"startDate",
|
||
|
|
"type",
|
||
|
|
"usageLimit",
|
||
|
|
"value"
|
||
|
|
] as Array<keyof FormData>).map(formError)}
|
||
|
|
/>
|
||
|
|
));
|