7770ae34df
* Add metadata editor component * Add tests * Fix plurals * Use pascal case in selectors * Update product metadata * Add metadata handler decorator * Update snapshots * wip * Remove operation provider component * Add metadata to collections * Add metadata editor to variant * Add metadata editor to categories * Add metadata to product types * Simplify code * Add metadata to attributes * Drop maybe * Rename Metadata to MetadataFragment * Update changelog and snapshots
19 lines
644 B
TypeScript
19 lines
644 B
TypeScript
import useForm from "@saleor/hooks/useForm";
|
|
import Decorator from "@saleor/storybook/Decorator";
|
|
import { storiesOf } from "@storybook/react";
|
|
import React from "react";
|
|
|
|
import { props } from "./fixtures";
|
|
import Metadata from "./Metadata";
|
|
|
|
const InteractiveStory: React.FC = () => {
|
|
const { change, data } = useForm(props.data, () => undefined);
|
|
|
|
return <Metadata data={data} onChange={change} />;
|
|
};
|
|
|
|
storiesOf("Generics / Metadata", module)
|
|
.addDecorator(Decorator)
|
|
.add("default", () => <Metadata {...props} />)
|
|
.add("loading", () => <Metadata {...props} data={undefined} />)
|
|
.add("interactive", () => <InteractiveStory />);
|