saleor-dashboard/src/navigation/components/MenuListPage/MenuListPage.stories.tsx
2023-05-12 13:06:27 +02:00

36 lines
955 B
TypeScript

import {
listActionsProps,
pageListProps,
sortPageProps,
} from "@dashboard/fixtures";
import { menuList } from "@dashboard/navigation/fixtures";
import { MenuListUrlSortField } from "@dashboard/navigation/urls";
import React from "react";
import { PaginatorContextDecorator } from "../../../../.storybook/decorators";
import MenuListPage, { MenuListPageProps } from "./MenuListPage";
const props: MenuListPageProps = {
...pageListProps.default,
...listActionsProps,
...sortPageProps,
menus: menuList,
onDelete: () => undefined,
sort: {
...sortPageProps.sort,
sort: MenuListUrlSortField.name,
},
};
export default {
title: "Navigation / Menu list",
decorators: [PaginatorContextDecorator],
};
export const Default = () => <MenuListPage {...props} />;
export const Loading = () => (
<MenuListPage {...props} disabled={true} menus={undefined} />
);
export const NoData = () => <MenuListPage {...props} menus={[]} />;