35 lines
1 KiB
TypeScript
35 lines
1 KiB
TypeScript
import Card from "@material-ui/core/Card";
|
|
import CardContent from "@material-ui/core/CardContent";
|
|
import AddressEdit from "@saleor/components/AddressEdit";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import { customer } from "../../../customers/fixtures";
|
|
import { transformAddressToForm } from "../../../misc";
|
|
import { countries } from "../../../orders/fixtures";
|
|
import Decorator from "../../Decorator";
|
|
|
|
storiesOf("Generics / AddressEdit", module)
|
|
.addDecorator(Decorator)
|
|
.add("default", () => (
|
|
<Card
|
|
style={{
|
|
margin: "auto",
|
|
width: 768
|
|
}}
|
|
>
|
|
<CardContent>
|
|
<AddressEdit
|
|
errors={[]}
|
|
data={transformAddressToForm(customer.defaultBillingAddress)}
|
|
countries={countries.map(c => ({
|
|
label: c.label,
|
|
value: c.code
|
|
}))}
|
|
countryDisplayValue={customer.defaultBillingAddress.country.country}
|
|
onChange={undefined}
|
|
onCountryChange={() => undefined}
|
|
/>
|
|
</CardContent>
|
|
</Card>
|
|
));
|