34 lines
1 KiB
TypeScript
34 lines
1 KiB
TypeScript
import {
|
|
listActionsProps,
|
|
pageListProps,
|
|
sortPageProps,
|
|
} from "@saleor/fixtures";
|
|
import { menuList } from "@saleor/navigation/fixtures";
|
|
import { MenuListUrlSortField } from "@saleor/navigation/urls";
|
|
import Decorator from "@saleor/storybook/Decorator";
|
|
import { PaginatorContextDecorator } from "@saleor/storybook/PaginatorContextDecorator";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import MenuListPage, { MenuListPageProps } from "./MenuListPage";
|
|
|
|
const props: MenuListPageProps = {
|
|
...pageListProps.default,
|
|
...listActionsProps,
|
|
...sortPageProps,
|
|
menus: menuList,
|
|
onDelete: () => undefined,
|
|
sort: {
|
|
...sortPageProps.sort,
|
|
sort: MenuListUrlSortField.name,
|
|
},
|
|
};
|
|
|
|
storiesOf("Navigation / Menu list", module)
|
|
.addDecorator(Decorator)
|
|
.addDecorator(PaginatorContextDecorator)
|
|
.add("default", () => <MenuListPage {...props} />)
|
|
.add("loading", () => (
|
|
<MenuListPage {...props} disabled={true} menus={undefined} />
|
|
))
|
|
.add("no data", () => <MenuListPage {...props} menus={[]} />);
|