Update stories

src/storybook/Stories.test.ts

@@ -1,23 +1,25 @@
-import { createGenerateClassName } from "@material-ui/core/styles";
+import createGenerateClassName from "@material-ui/styles/createGenerateClassName";
 import initStoryshots from "@storybook/addon-storyshots";
 // tslint:disable no-submodule-imports
 import generateRandomKey from "draft-js/lib/generateRandomKey";
 import { configure, render } from "enzyme";
 import Adapter from "enzyme-adapter-react-16";
 import toJSON from "enzyme-to-json";
+import React from "react";
+
+// Fixes useLayoutEffect warnings
+React.useLayoutEffect = React.useEffect;
 
 configure({ adapter: new Adapter() });
 
-jest.mock("@material-ui/core/styles/createGenerateClassName");
-(createGenerateClassName as any).mockImplementation(
-  () => (rule, stylesheet) => {
-    return [stylesheet.options.meta, rule.key, "id"].join("-");
-  }
-);
-
 jest.mock("draft-js/lib/generateRandomKey");
 (generateRandomKey as any).mockImplementation(() => "testKey");
 
+jest.mock("@material-ui/styles/createGenerateClassName");
+(createGenerateClassName as any).mockImplementation(() => (rule, stylesheet) =>
+  [stylesheet.options.meta, rule.key, "id"].join("-")
+);
+
 initStoryshots({
   configPath: "src/storybook/",
   test({ story }) {

src/storybook/stories/orders/OrderCustomer.tsx

@@ -40,9 +40,6 @@ storiesOf("Orders / OrderCustomer", module)
   .add("editable", () => (
     <OrderCustomer {...props} canEditAddresses={true} canEditCustomer={true} />
   ))
-  .add("editable", () => (
-    <OrderCustomer {...props} canEditAddresses={true} canEditCustomer={true} />
-  ))
   .add("no user permissions", () => (
     <OrderCustomer {...props} userPermissions={[]} />
   ));