chore(deps): update deps and add privacy fix for metamask

.eslintignore

@@ -2,3 +2,5 @@ src/__helpers__/
 src/__mocks__/
 src/**/__tests__/
 jest.setup.js
+*.json
+src/assets/

.eslintrc

@@ -15,6 +15,7 @@
   "rules": {
     "react/destructuring-assignment": ["off"],
     "linebreak-style": ["off"],
+    "react/sort-comp": "off",
     "prettier/prettier": "error",
     "react/forbid-prop-types": [1, { "forbid": ["any"] }]
   }

package.json

@@ -24,7 +24,8 @@
   },
   "devDependencies": {
     "babel-cli": "6.26.0",
-    "babel-eslint": "8.2.6",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "8.2.3",
     "babel-plugin-transform-class-properties": "6.24.1",
     "babel-plugin-transform-function-bind": "6.22.0",
     "babel-plugin-transform-object-rest-spread": "6.26.0",
@@ -43,7 +44,7 @@
     "eslint-plugin-react": "7.9.1",
     "husky": "0.14.3",
     "jest": "23.1.0",
-    "parcel-bundler": "1.10.0",
+    "parcel-bundler": "1.12.3",
     "prettier": "1.13.5",
     "raf": "3.4.0",
     "react-test-renderer": "16.8.6"

src/assets/contract/contracts/Coin.sol

@@ -19,7 +19,7 @@ contract Coin {
 	}
 
 	modifier onlyByCreator {
-        require(msg.sender == adminAddress);
+        require(msg.sender == adminAddress, "Only admins can call this function");
         _;
     }
 
@@ -37,12 +37,12 @@ contract Coin {
 	}
 
 	function burnCoin(address addr, uint amount) public onlyByCreator{
-		require((spendableCoins[addr] - amount) >= 0);
+		require((spendableCoins[addr] - amount) >= 0, "Balance cannot be below 0");
 		spendableCoins[addr] -= amount;
 	}
 
 	function sendCoin(address receiver, uint amount, string reason) public {
-		require(assignableCoins[msg.sender] >= amount && receiver != msg.sender && amount <= 3);
+		require(assignableCoins[msg.sender] >= amount && receiver != msg.sender && amount <= 3, "Can't send coins to yourself");
 		spendableCoins[receiver] = spendableCoins[receiver] + (amount);
 		assignableCoins[msg.sender] = assignableCoins[msg.sender] - amount;
 		emit Transfer(msg.sender, receiver, amount, reason, block.timestamp);

src/assets/contract/migrations/1_initial_migration.js

@@ -5,6 +5,3 @@ module.exports = function(deployer) {
   deployer.deploy(Migrations);
   deployer.deploy(Coin);
 };
-
-
-

src/assets/contract/truffle.js

@@ -21,6 +21,3 @@ module.exports = {
     }
   }
 };
-
-
-

src/components/DataDisplay/DataDisplay.jsx

@@ -3,16 +3,21 @@ import PropTypes from "prop-types";
 
 const DataDisplay = ({ text, data }) => (
   <div style={{ fontSize: "14px", textAlign: "left", margin: "auto" }}>
-    <pre>{text}{data && JSON.stringify(data, null, 2)}</pre>
+    <pre>
+      {text}
+      {data && JSON.stringify(data, null, 2)}
+    </pre>
   </div>
 );
 
 DataDisplay.propTypes = {
-  data: PropTypes.any
+  text: PropTypes.string,
+  data: PropTypes.any // eslint-disable-line
 };
 
 DataDisplay.defaultProps = {
-  data: null
+  data: null,
+  text: ""
 };
 
 export default DataDisplay;

src/components/Routing/Routing.jsx

@@ -7,10 +7,7 @@ import DefaultRoute from "./DefaultRoute";
 // import PrivateRoute from "./PrivateRoute";
 
 // Pages
-import {
-  HomePage,
-  PageNotFound
-} from "../../containers";
+import { HomePage, PageNotFound } from "../../containers";
 
 class Routing extends PureComponent {
   render() {

src/containers/Home/HomePage.jsx

@@ -12,8 +12,7 @@ class HomePage extends Component {
     super(props);
 
     this.state = {
-      metaMaskAcc: "0x627306090abaB3A6e1400e9345bC60c78a8BEf57",
-      otherRandomAcc: "",
+      metaMaskAcc: "0xBd043c73089D14F0CE6db2518F6B721cCB3c2DC6",
       gasCost: 0,
       account: {},
       contract: {},
@@ -26,21 +25,14 @@ class HomePage extends Component {
   }
 
   async componentDidMount() {
+    window.ethereum.enable();
     this.web3Service = await new Web3Service(CoinContract); // no param, assuming metamask
     this.setState({
       contract: this.web3Service.getContract(),
       account: this.web3Service.createAccount().address
     });
   }
 
-  calculateGas = async userToAdd => {
-    const { contract } = this.state;
-    await this.setState({
-      gasCost: await contract.methods.addUser(userToAdd.value).estimateGas()
-    });
-    this.openNotification(`Gas calculated! ${this.state.gasCost}`);
-  };
-
   addUser = async userToAdd => {
     const { contract, metaMaskAcc } = this.state;
     await this.setState({
@@ -53,6 +45,14 @@ class HomePage extends Component {
     );
   };
 
+  calculateGas = async userToAdd => {
+    const { contract } = this.state;
+    await this.setState({
+      gasCost: await contract.methods.addUser(userToAdd.value).estimateGas()
+    });
+    this.openNotification(`Gas calculated! ${this.state.gasCost}`);
+  };
+
   initializeUser = async amountCoins => {
     const { account, contract, metaMaskAcc } = this.state;
     await this.setState({