52 lines
1.6 KiB
TypeScript
52 lines
1.6 KiB
TypeScript
import { Omit } from "@material-ui/core";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import CollectionDetailsPage, {
|
|
CollectionDetailsPageProps
|
|
} from "../../../collections/components/CollectionDetailsPage";
|
|
import { collection as collectionFixture } from "../../../collections/fixtures";
|
|
import { listActionsProps, pageListProps } from "../../../fixtures";
|
|
import Decorator from "../../Decorator";
|
|
import placeholderCollectionImage from "../@assets/images/block1.jpg";
|
|
import placeholderProductImage from "../@assets/images/placeholder60x60.png";
|
|
|
|
const collection = collectionFixture(
|
|
placeholderCollectionImage,
|
|
placeholderProductImage
|
|
);
|
|
|
|
const props: Omit<CollectionDetailsPageProps, "classes"> = {
|
|
...listActionsProps,
|
|
...pageListProps.default,
|
|
collection,
|
|
disabled: false,
|
|
isFeatured: true,
|
|
onBack: () => undefined,
|
|
onCollectionRemove: () => undefined,
|
|
onImageDelete: () => undefined,
|
|
onImageUpload: () => undefined,
|
|
onProductUnassign: () => undefined,
|
|
onSubmit: () => undefined,
|
|
saveButtonBarState: "default"
|
|
};
|
|
|
|
storiesOf("Views / Collections / Collection details", module)
|
|
.addDecorator(Decorator)
|
|
.add("default", () => <CollectionDetailsPage {...props} />)
|
|
.add("loading", () => (
|
|
<CollectionDetailsPage {...props} collection={undefined} disabled={true} />
|
|
))
|
|
.add("no products", () => (
|
|
<CollectionDetailsPage
|
|
{...props}
|
|
collection={{
|
|
...collection,
|
|
products: {
|
|
...collection.products,
|
|
edges: []
|
|
}
|
|
}}
|
|
disabled={true}
|
|
/>
|
|
));
|