added storybook to ui-components

scm-ui/ui-components/src/DateFromNow.stories.js

@@ -0,0 +1,14 @@
+import React from "react";
+import DateFromNow from "./DateFromNow";
+import { storiesOf } from "@storybook/react";
+
+storiesOf("DateFromNow", module).add("Default", () => (
+  <div>
+    <p>
+      <DateFromNow date="2009-06-30T18:30:00+02:00" />
+    </p>
+    <p>
+      <DateFromNow date="2019-06-30T18:30:00+02:00" />
+    </p>
+  </div>
+));

scm-ui/ui-components/src/buttons/Button.stories.js

@@ -0,0 +1,23 @@
+import React from "react";
+import Button from "./Button";
+import { storiesOf } from "@storybook/react";
+import StoryRouter from "storybook-react-router";
+import styled from "styled-components";
+
+const colors = ["primary", "success", "info", "warning", "danger", "black"];
+
+const Spacing = styled.div`
+  padding: 1em;
+`;
+
+storiesOf("Button", module)
+  .addDecorator(StoryRouter())
+  .add("Colors", () => (
+    <div>
+      {colors.map(color => (
+        <Spacing>
+          <Button color={color} label={color} />
+        </Spacing>
+      ))}
+    </div>
+  ));

scm-ui/ui-components/src/tests/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};