docs: add decorator to wrap story in container (jquense#2385)

Author: cutterbl

stories/Calendar.stories.js

@@ -12,13 +12,16 @@ import customComponents from './resources/customComponents'
 export default {
   title: 'Additional Examples',
   component: Calendar,
+  decorators: [
+    (Story) => (
+      <div className="height600">
+        <Story />
+      </div>
+    ),
+  ],
 }
 
-const Template = (args) => (
-  <div className="height600">
-    <BaseCalendar {...args} />
-  </div>
-)
+const Template = (args) => <BaseCalendar {...args} />
 
 export const ComplexDayViewLayout = Template.bind({})
 ComplexDayViewLayout.storyName = 'complex day view layout'

stories/DragAndDrop.stories.js

@@ -7,6 +7,13 @@ import customComponents from './resources/customComponents'
 export default {
   title: 'Additional Examples/Drag and Drop',
   component: Calendar,
+  decorators: [
+    (Story) => (
+      <div className="height600">
+        <Story />
+      </div>
+    ),
+  ],
 }
 
 const Template = (args) => (

stories/Durations.stories.js

@@ -1,5 +1,4 @@
 import React from 'react'
-import { action } from '@storybook/addon-actions'
 import {
   Calendar,
   Views,
@@ -25,6 +24,13 @@ const DraggableCalendar = withDragAndDrop(Calendar)
 export default {
   title: 'Additional Examples/Event Durations',
   component: Calendar,
+  decorators: [
+    (Story) => (
+      <div className="height600">
+        <Story />
+      </div>
+    ),
+  ],
 }
 
 const Template = ({ localizer: loc = 'moment', ...args }) => {

stories/Layout.stories.js

@@ -9,6 +9,13 @@ import createEvents from './helpers/createEvents'
 export default {
   title: 'Additional Examples/Layout',
   component: Calendar,
+  decorators: [
+    (Story) => (
+      <div className="height600">
+        <Story />
+      </div>
+    ),
+  ],
 }
 
 const Template = (args) => <Calendar {...args} />

stories/Timeslots.stories.js

@@ -7,6 +7,13 @@ import { Calendar as BaseCalendar, Views, events } from './helpers'
 export default {
   title: 'Additional Examples/Timeslots',
   component: Calendar,
+  decorators: [
+    (Story) => (
+      <div className="height600">
+        <Story />
+      </div>
+    ),
+  ],
 }
 
 const Template = (args) => <BaseCalendar {...args} />