42 lines
1 KiB
TypeScript
42 lines
1 KiB
TypeScript
![]() |
import { storiesOf } from "@storybook/react";
|
||
|
import * as React from "react";
|
||
|
|
||
|
import PageDetailsPage, {
|
||
|
FormData,
|
||
|
PageDetailsPageProps
|
||
|
} from "../../../pages/components/PageDetailsPage";
|
||
|
import { page } from "../../../pages/fixtures";
|
||
|
import Decorator from "../../Decorator";
|
||
|
import { formError } from "../../misc";
|
||
|
|
||
|
const props: PageDetailsPageProps = {
|
||
|
disabled: false,
|
||
|
errors: [],
|
||
|
onBack: () => undefined,
|
||
|
onRemove: () => undefined,
|
||
|
onSubmit: () => undefined,
|
||
|
page,
|
||
|
saveButtonBarState: "default"
|
||
|
};
|
||
|
|
||
|
storiesOf("Views / Pages / Page details", module)
|
||
|
.addDecorator(Decorator)
|
||
|
.add("default", () => <PageDetailsPage {...props} />)
|
||
|
.add("loading", () => (
|
||
|
<PageDetailsPage {...props} disabled={true} page={undefined} />
|
||
|
))
|
||
|
.add("form errors", () => (
|
||
|
<PageDetailsPage
|
||
|
{...props}
|
||
|
errors={([
|
||
|
"title",
|
||
|
"slug",
|
||
|
"content",
|
||
|
"publicationDate",
|
||
|
"isPublished",
|
||
|
"seoDescription",
|
||
|
"seoTitle"
|
||
|
] as Array<keyof FormData>).map(formError)}
|
||
|
/>
|
||
|
));
|