Adding Icons and their stories (#235)

* Revert "adding a way to build svg sprite (#226)"

This reverts commit 64583c9.

* Adding Icons and their stories

unlock-app/src/components/interface/icons/index.js

@@ -0,0 +1,33 @@
+import About from './About'
+import Code from './Code'
+import Copy from './Copy'
+import Download from './Download'
+import Edit from './Edit'
+import Eth from './Eth'
+import Etherscan from './Etherscan'
+import EthSub from './EthSub'
+import Export from './Export'
+import Github from './Github'
+import Infinity from './Infinity'
+import Jobs from './Jobs'
+import Unlock from './Unlock'
+import Upload from './Upload'
+import Withdraw from './Withdraw'
+
+export default {
+  About,
+  Code,
+  Copy,
+  Download,
+  Edit,
+  Eth,
+  Etherscan,
+  EthSub,
+  Export,
+  Github,
+  Infinity,
+  Jobs,
+  Unlock,
+  Upload,
+  Withdraw,
+}

unlock-app/src/constants.js

@@ -8,4 +8,4 @@ export const ETHEREUM_NETWORKS_NAMES = {
   2: ['Morden', 'staging'],
   3: ['Ropsten', 'staging'],
   4: ['Rinkeby', 'staging'],
-}
+}

unlock-app/src/stories/interface/Icons.stories.js

@@ -0,0 +1,80 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import Icons from '../../components/interface/icons'
+
+storiesOf('Icons')
+  .add('with the About', () => {
+    return (
+      <Icons.About />
+    )
+  })
+  .add('with the Code', () => {
+    return (
+      <Icons.Code />
+    )
+  })
+  .add('with the Copy', () => {
+    return (
+      <Icons.Copy />
+    )
+  })
+  .add('with the Download', () => {
+    return (
+      <Icons.Download />
+    )
+  })
+  .add('with the Edit', () => {
+    return (
+      <Icons.Edit />
+    )
+  })
+  .add('with the Eth', () => {
+    return (
+      <Icons.Eth />
+    )
+  })
+  .add('with the Etherscan', () => {
+    return (
+      <Icons.Etherscan />
+    )
+  })
+  .add('with the EthSub', () => {
+    return (
+      <Icons.EthSub />
+    )
+  })
+  .add('with the Export', () => {
+    return (
+      <Icons.Export />
+    )
+  })
+  .add('with the Github', () => {
+    return (
+      <Icons.Github />
+    )
+  })
+  .add('with the Infinity', () => {
+    return (
+      <Icons.Infinity />
+    )
+  })
+  .add('with the Jobs', () => {
+    return (
+      <Icons.Jobs />
+    )
+  })
+  .add('with the Unlock', () => {
+    return (
+      <Icons.Unlock />
+    )
+  })
+  .add('with the Upload', () => {
+    return (
+      <Icons.Upload />
+    )
+  })
+  .add('with the Withdraw', () => {
+    return (
+      <Icons.Withdraw />
+    )
+  })