32 lines
977 B
TypeScript
32 lines
977 B
TypeScript
|
import { storiesOf } from "@storybook/react";
|
||
|
|
import React from "react";
|
||
|
|
import { permissions } from "@saleor/fixtures";
|
||
|
|
|
||
|
|
import PermissionGroupCreatePage, {
|
||
|
|
PermissionGroupCreatePageProps
|
||
|
|
} from "@saleor/permissionGroups/components/PermissionGroupCreatePage";
|
||
|
|
import Decorator from "@saleor/storybook/Decorator";
|
||
|
|
import { errorsOfPermissionGroupCreate } from "@saleor/permissionGroups/fixtures";
|
||
|
|
|
||
|
|
const props: PermissionGroupCreatePageProps = {
|
||
|
|
disabled: false,
|
||
|
|
errors: [],
|
||
|
|
onBack: () => undefined,
|
||
|
|
onSubmit: () => undefined,
|
||
|
|
permissions,
|
||
|
|
saveButtonBarState: undefined
|
||
|
|
};
|
||
|
|
|
||
|
|
storiesOf("Views / Permission Groups / Permission Group Create", module)
|
||
|
|
.addDecorator(Decorator)
|
||
|
|
.add("default", () => <PermissionGroupCreatePage {...props} />)
|
||
|
|
.add("loading", () => (
|
||
|
|
<PermissionGroupCreatePage {...props} disabled={true} />
|
||
|
|
))
|
||
|
|
.add("errors", () => (
|
||
|
|
<PermissionGroupCreatePage
|
||
|
|
{...props}
|
||
|
|
errors={errorsOfPermissionGroupCreate}
|
||
|
|
/>
|
||
|
|
));
|