23 lines
704 B
TypeScript
23 lines
704 B
TypeScript
|
import { product as productFixture } from "@saleor/products/fixtures";
|
||
|
|
import Decorator from "@saleor/storybook/Decorator";
|
||
|
|
import { storiesOf } from "@storybook/react";
|
||
|
|
import React from "react";
|
||
|
|
|
||
|
|
import ChannelsSelect, { ChannelsSelectProps } from "./ChannelsSelect";
|
||
|
|
|
||
|
|
const product = productFixture("");
|
||
|
|
const channelChoices = product.channelListings.map(listing => ({
|
||
|
|
label: listing.channel.name,
|
||
|
|
value: listing.channel.id
|
||
|
|
}));
|
||
|
|
|
||
|
|
const props: ChannelsSelectProps = {
|
||
|
|
channelChoice: channelChoices[0].value,
|
||
|
|
channelChoices,
|
||
|
|
setChannelChoice: () => undefined
|
||
|
|
};
|
||
|
|
|
||
|
|
storiesOf("Generics / ChannelsSelect", module)
|
||
|
|
.addDecorator(Decorator)
|
||
|
|
.add("default", () => <ChannelsSelect {...props} />);
|