saleor-dashboard/src/storybook/stories/pages/PageDetailsPage.tsx
Dawid Tarasiuk 5303d9f714 1992 - Add attribute references select dialog (#931)
* Add attribute references select dialog

* Add reference attribute support to products and variants

* Fix attribute select dialog selection

* Refactor reference attribute handlers

* Refactor reference attribute handlers

* Refactor searching for reference pages
2021-01-20 11:50:53 +01:00

49 lines
1.3 KiB
TypeScript

import { PageData } from "@saleor/pages/components/PageDetailsPage/form";
import { PageErrorCode } from "@saleor/types/globalTypes";
import { storiesOf } from "@storybook/react";
import React from "react";
import PageDetailsPage, {
PageDetailsPageProps
} from "../../../pages/components/PageDetailsPage";
import { page } from "../../../pages/fixtures";
import Decorator from "../../Decorator";
const props: PageDetailsPageProps = {
errors: [],
loading: false,
onAssignReferencesClick: () => undefined,
onBack: () => undefined,
onCloseDialog: () => undefined,
onRemove: () => undefined,
onSubmit: () => undefined,
page,
referencePages: [],
saveButtonBarState: "default"
};
storiesOf("Views / Pages / Page details", module)
.addDecorator(Decorator)
.add("default", () => <PageDetailsPage {...props} />)
.add("loading", () => (
<PageDetailsPage {...props} loading={true} page={undefined} />
))
.add("form errors", () => (
<PageDetailsPage
{...props}
errors={([
"title",
"slug",
"content",
"publicationDate",
"isPublished",
"seoDescription",
"seoTitle"
] as Array<keyof PageData>).map(field => ({
__typename: "PageError",
attributes: [],
code: PageErrorCode.INVALID,
field
}))}
/>
));