App: Add set-chain, newest setprotocol.js, and issuance boilerplat

Author: inje

package.json

@@ -7,13 +7,14 @@
     "react": "^16.5.1",
     "react-dom": "^16.5.1",
     "react-scripts": "1.1.5",
-    "setprotocol.js": "^1.0.0-alpha.27",
+    "setprotocol.js": "^1.0.4-rc.5",
     "web3": "0.20.7"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "set-chain": "set-chain"
   }
 }

src/App.js

@@ -6,10 +6,10 @@ import BigNumber from 'bignumber.js';
 
 // Kovan configuration
 const config = {
-  coreAddress: '0x29f13822ece62b7a436a45903ce6d5c97d6e4cc9',
-  setTokenFactoryAddress: '0x6c51d8dad8404dbd91e8ab063d21e85ddec9f626',
-  transferProxyAddress: '0xd50ddfed470cc13572c5246e71d4cfb4aba73def',
-  vaultAddress: '0x014e9b34486cfa13e9a2d87028d38cd98f996c8c',
+  coreAddress: '0xdd7d1deb82a64af0a6265951895faf48fc78ddfc',
+  setTokenFactoryAddress: '0x7497d12488ee035f5d30ec716bbf41735554e3b1',
+  transferProxyAddress: '0xa0929aba843ff1a1af4451e52d26f7dde3d40f82',
+  vaultAddress: '0x76aae6f20658f763bd58f5af028f925e7c5319af',
 };
 
 class App extends Component {
@@ -120,10 +120,17 @@ class App extends Component {
         <header>
           <h1 className="App-title">Set Boiler Plate</h1>
         </header>
-        <button onClick={this.createSet}>
-          Create My Set
-        </button>
-        { createdSetLink ? this.renderEtherScanLink(createdSetLink, 'Link to your new Set') : null }
+        <div>
+          <button onClick={this.createSet}>
+            Create My Set
+          </button>
+          { createdSetLink ? this.renderEtherScanLink(createdSetLink, 'Link to your new Set') : null }
+        </div>
+        <div>
+          <button className="button-disabled" disabled>
+            Issue My Set Tokens
+          </button>
+        </div>
       </div>
     );
   }

src/index.css

@@ -31,6 +31,7 @@ button {
   border-radius: 4px;
   box-shadow: 0 2px 4px 0 rgba(155, 151, 179, 0.25);
   display: inline;
+  margin: 10px;
   max-width: 300px;
   min-width: 300px;
   padding: 30px 40px;
@@ -46,3 +47,12 @@ button:active {
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);
   transform: scale(1.03);
 }
+
+.button-disabled {
+  cursor: not-allowed;
+}
+
+.button-disabled:hover {
+  box-shadow: 0 2px 4px 0 rgba(155, 151, 179, 0.25);
+  transform: scale(1);
+}