Minor tweaks

app/package.json

@@ -7,18 +7,18 @@
     "url": "https://gitlab.com/Ezerous/Apella.git"
   },
   "dependencies": {
-    "@drizzle-utils/get-accounts": "0.1.4-alpha.0",
-    "@drizzle-utils/get-contract-instance": "^0.1.4-alpha.0",
-    "@drizzle-utils/get-web3": "^0.1.4-alpha.0",
+    "@drizzle-utils/get-contract-instance": "^0.1.6-alpha.0",
+    "@drizzle-utils/get-web3": "^0.1.6-alpha.0",
     "connected-react-router": "^6.3.1",
     "drizzle": "^1.3.3",
     "history": "^4.7.2",
-    "ipfs": "^0.33.0",
+    "ipfs": "~0.33.0",
     "orbit-db": "^0.19.9",
+    "orbit-db-keystore": "^0.1.0",
     "prop-types": "^15.7.2",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1",
-    "react-redux": "^6.0.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "react-redux": "^6.0.1",
     "react-router-dom": "^4.3.1",
     "react-scripts": "^2.1.5",
     "redux": "^4.0.1",

app/src/assets/fonts/fontawesome-free-5.7.2/all.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 (function () {
   'use strict';
 

app/src/containers/CoreLayoutContainer.js

@@ -4,7 +4,7 @@ import NavBarContainer from './NavBarContainer';
 /*import TransactionsMonitorContainer from '../../containers/TransactionsMonitorContainer';*/
 
 // Styles
-import '../assets/fonts/fontawesome-free-5.7.2/all.js';
+import '../assets/fonts/fontawesome-free-5.7.2/all.js'; //TODO: check https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers
 import '../assets/css/App.css';
 import '../assets/css/sign-up-container.css';
 

app/src/containers/SignUpContainer.js

@@ -6,10 +6,9 @@ import UsernameFormContainer from './UsernameFormContainer';
 
 class SignUp extends Component {
     componentDidUpdate(prevProps) {
-        if (this.props.user.hasSignedUp && !prevProps.user.hasSignedUp){
+        if (this.props.user.hasSignedUp && !prevProps.user.hasSignedUp)
             this.props.history.push("/");
     }
-    }
 
     render() {
         return (

app/src/containers/UsernameFormContainer.js

@@ -12,7 +12,7 @@ const checkUsernameTakenMethod = "isUserNameTaken";
 const signUpMethod = "signUp";
 
 class UsernameFormContainer extends Component {
-    constructor(props, context) {
+    constructor(props) {
         super(props);
 
         this.handleInputChange = this.handleInputChange.bind(this);
@@ -33,7 +33,7 @@ class UsernameFormContainer extends Component {
         this.setState({
             [name]: value,
             error: false
-        })
+        });
         if (value !== '') {
             if (this.checkedUsernames.length > 0) {
                 if (this.checkedUsernames.some(e => e.usernameChecked === value)){
@@ -78,16 +78,16 @@ class UsernameFormContainer extends Component {
 
     componentDidUpdate() {
         if (this.state.signingUp) {
-            var txHash = this.props.transactionStack[this.stackId];
+            const txHash = this.props.transactionStack[this.stackId];
             if (txHash && this.props.transactions[txHash].status === "error") {
                 this.setState({signingUp: false});
             }
         } else {
-            var temp = Object.values(this.props.contracts[contract][checkUsernameTakenMethod]);
+            const temp = Object.values(this.props.contracts[contract][checkUsernameTakenMethod]);
             this.checkedUsernames = temp.map(checked => {return {
                 usernameChecked: checked.args[0],
                 isTaken: checked.value
-            }})
+            }});
     
             if (this.checkedUsernames.length > 0){
                 this.checkedUsernames.forEach( checked => {
@@ -111,7 +111,7 @@ class UsernameFormContainer extends Component {
         if(hasSignedUp !== null) {
             const buttonText = hasSignedUp ? "Update" : "Sign Up";
             const placeholderText = hasSignedUp ? this.props.user.username : "Username";
-            var withError = this.state.error && {error: true};
+            const withError = this.state.error && {error: true};
 
             return(
                 <div>
@@ -134,7 +134,7 @@ class UsernameFormContainer extends Component {
                     </Form>
                     <Dimmer active={this.state.signingUp} page>
                         <Header as='h2' inverted>
-                            <Loader size='large'>Magic elfs are processing your nobel request.</Loader>
+                            <Loader size='large'>Magic elves are processing your noble request.</Loader>
                         </Header>
                     </Dimmer>
                 </div>