Stories for LockMakerForm and TransactionModal (#230)

* Stories for LockMakerForm and TransactionModal

* JS style fixes

unlock-app/src/stories/creator/LockMakerForm.stories.js

@@ -0,0 +1,15 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import { Provider } from 'react-redux'
+import createUnlockStore from '../../createUnlockStore'
+import LockMakerForm from '../../components/creator/LockMakerForm'
+
+let store = createUnlockStore()
+
+storiesOf('LockMakerForm')
+  .addDecorator(story => <Provider store={store}>{story()}</Provider>)
+  .add('Default settings', () => {
+    return (
+      <LockMakerForm />
+    )
+  })

unlock-app/src/stories/creator/TransactionModal.stories.js

@@ -0,0 +1,31 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import { Provider } from 'react-redux'
+import createUnlockStore from '../../createUnlockStore'
+import { TransactionModal } from '../../components/creator/TransactionModal'
+
+let store = createUnlockStore()
+
+storiesOf('TransactionModal')
+  .addDecorator(story => <Provider store={store}>{story()}</Provider>)
+  .add('With transaction in progress', () => {
+    const transaction = {
+      status: 'pending',
+      confirmations: 3,
+    }
+    return (
+      <TransactionModal transaction={transaction} />
+    )
+  })
+  .add('With deployed lock', () => {
+    const transaction = {
+      status: 'mined',
+      confirmations: 14,
+      lock: {
+        address: '0xabc',
+      },
+    }
+    return (
+      <TransactionModal transaction={transaction} />
+    )
+  })