43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
|
import { storiesOf } from "@storybook/react";
|
||
|
|
import React from "react";
|
||
|
|
import {
|
||
|
|
listActionsProps,
|
||
|
|
pageListProps,
|
||
|
|
sortPageProps
|
||
|
|
} from "@saleor/fixtures";
|
||
|
|
|
||
|
|
import PermissionGroupListPage, {
|
||
|
|
PermissionGroupListPageProps
|
||
|
|
} from "@saleor/permissionGroups/components/PermissionGroupListPage";
|
||
|
|
import Decorator from "@saleor/storybook/Decorator";
|
||
|
|
import { PermissionGroupListUrlSortField } from "@saleor/permissionGroups/urls";
|
||
|
|
import { permissionGroups } from "@saleor/permissionGroups/fixtures";
|
||
|
|
|
||
|
|
const props: PermissionGroupListPageProps = {
|
||
|
|
permissionGroups,
|
||
|
|
...listActionsProps,
|
||
|
|
...pageListProps.default,
|
||
|
|
...sortPageProps,
|
||
|
|
disabled: false,
|
||
|
|
onBack: () => undefined,
|
||
|
|
onDelete: () => undefined,
|
||
|
|
sort: {
|
||
|
|
...sortPageProps.sort,
|
||
|
|
sort: PermissionGroupListUrlSortField.name
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
storiesOf("Views / Permission Groups / Permission Group List", module)
|
||
|
|
.addDecorator(Decorator)
|
||
|
|
.add("default", () => <PermissionGroupListPage {...props} />)
|
||
|
|
.add("loading", () => (
|
||
|
|
<PermissionGroupListPage
|
||
|
|
{...props}
|
||
|
|
permissionGroups={undefined}
|
||
|
|
disabled={true}
|
||
|
|
/>
|
||
|
|
))
|
||
|
|
.add("no data", () => (
|
||
|
|
<PermissionGroupListPage {...props} permissionGroups={[]} disabled={true} />
|
||
|
|
));
|