67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import placeholderImage from "@assets/images/placeholder60x60.png";
|
|
import { Omit } from "@material-ui/core";
|
|
import { adminUserPermissions } from "@saleor/fixtures";
|
|
import { PermissionEnum } from "@saleor/types/globalTypes";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import HomePage, { HomePageProps } from "../../../home/components/HomePage";
|
|
import { shop as shopFixture } from "../../../home/fixtures";
|
|
import Decorator from "../../Decorator";
|
|
|
|
const shop = shopFixture(placeholderImage);
|
|
|
|
const homePageProps: Omit<HomePageProps, "classes"> = {
|
|
activities: shop.activities.edges.map(edge => edge.node),
|
|
onOrdersToCaptureClick: () => undefined,
|
|
onOrdersToFulfillClick: () => undefined,
|
|
onProductClick: () => undefined,
|
|
onProductsOutOfStockClick: () => undefined,
|
|
orders: shop.ordersToday.totalCount,
|
|
ordersToCapture: shop.ordersToCapture.totalCount,
|
|
ordersToFulfill: shop.ordersToFulfill.totalCount,
|
|
productsOutOfStock: shop.productsOutOfStock.totalCount,
|
|
sales: shop.salesToday.gross,
|
|
topProducts: shop.productTopToday.edges.map(edge => edge.node),
|
|
userName: "admin@example.com",
|
|
userPermissions: adminUserPermissions
|
|
};
|
|
|
|
storiesOf("Views / HomePage", module)
|
|
.addDecorator(Decorator)
|
|
.add("default", () => <HomePage {...homePageProps} />)
|
|
.add("loading", () => (
|
|
<HomePage
|
|
{...homePageProps}
|
|
activities={undefined}
|
|
orders={undefined}
|
|
ordersToCapture={undefined}
|
|
ordersToFulfill={undefined}
|
|
productsOutOfStock={undefined}
|
|
sales={undefined}
|
|
topProducts={undefined}
|
|
userName={undefined}
|
|
/>
|
|
))
|
|
.add("no data", () => (
|
|
<HomePage {...homePageProps} topProducts={[]} activities={[]} />
|
|
))
|
|
.add("no permissions", () => (
|
|
<HomePage {...homePageProps} userPermissions={[]} />
|
|
))
|
|
.add("product permissions", () => (
|
|
<HomePage
|
|
{...homePageProps}
|
|
userPermissions={adminUserPermissions.filter(
|
|
perm => perm.code === PermissionEnum.MANAGE_PRODUCTS
|
|
)}
|
|
/>
|
|
))
|
|
.add("order permissions", () => (
|
|
<HomePage
|
|
{...homePageProps}
|
|
userPermissions={adminUserPermissions.filter(
|
|
perm => perm.code === PermissionEnum.MANAGE_ORDERS
|
|
)}
|
|
/>
|
|
));
|