saleor-dashboard/src/storybook/stories/customers/CustomerAddressDialog.tsx
2019-10-16 17:52:51 +02:00

28 lines
861 B
TypeScript

import { storiesOf } from "@storybook/react";
import React from "react";
import CustomerAddressDialog, {
CustomerAddressDialogProps
} from "../../../customers/components/CustomerAddressDialog";
import { customer } from "../../../customers/fixtures";
import { countries } from "../../../fixtures";
import Decorator from "../../Decorator";
const props: CustomerAddressDialogProps = {
address: customer.addresses[0],
confirmButtonState: "default",
countries: countries.map(c => ({
code: c.code,
label: c.name
})),
errors: [],
onClose: () => undefined,
onConfirm: () => undefined,
open: true,
variant: "create"
};
storiesOf("Customers / Address editing dialog", module)
.addDecorator(Decorator)
.add("default", () => <CustomerAddressDialog {...props} />)
.add("edit", () => <CustomerAddressDialog {...props} variant="edit" />);