5b85d6c086
* Use generated hooks in apps * Remove unused files * Use proper types in apps * Use generated hooks in attributes * Use generated hooks in auth module * Use generated hooks in categories * Use generated hooks in channels * Use generated types in collections * Remove legacy types from background tasks * Use generated hooks in customers * Use generated hooks in discounts * Use generated hook in file upload * Use generated types in gift cards * Use generated types in home * Use generated hooks in navigation * Use generated hooks in orders * Use generated hooks in pages * Use generated hooks in page types * Use generated hooks in permission groups * Use generated hooks in plugins * Use generated hooks in products * Use fragment to mark product variants * Improve code a bit * Use generated hooks in page types * Use generated types in searches * Use generated hooks in shipping * Use generated hooks in site settings * Use generated hooks in staff members * Use generated hooks in taxes * Place all gql generated files in one directory * Use generated hooks in translations * Use global types from new generated module * Use generated hooks in warehouses * Use generated hooks in webhooks * Use generated fragment types * Unclutter types * Remove hoc components * Split hooks and types * Fetch introspection file * Delete obsolete schema file * Fix rebase artifacts * Fix autoreplace * Fix auth provider tests * Fix urls * Remove leftover types * Fix rebase artifacts
56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
import { fetchMoreProps } from "@saleor/fixtures";
|
|
import { PageErrorCode } from "@saleor/graphql";
|
|
import { PageData } from "@saleor/pages/components/PageDetailsPage/form";
|
|
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: [],
|
|
referenceProducts: [],
|
|
attributeValues: [],
|
|
saveButtonBarState: "default",
|
|
fetchAttributeValues: () => undefined,
|
|
onAttributeSelectBlur: () => undefined,
|
|
fetchMoreAttributeValues: fetchMoreProps
|
|
};
|
|
|
|
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,
|
|
message: "Page field error"
|
|
}))}
|
|
/>
|
|
));
|