Fix/logged in state

.npmrc 2

@@ -0,0 +1 @@
+package-lock=false

.nvmrc 2

@@ -0,0 +1 @@
+12.14.1

package.json

@@ -71,6 +71,7 @@
     "react-dev-utils": "10.0.0",
     "react-device-detect": "^1.11.14",
     "react-dom": "^16.12.0",
+    "react-modal": "^3.11.2",
     "react-toast-notifications": "^2.4.0",
     "react-tooltip": "^3.11.6",
     "resolve": "1.12.2",
@@ -83,6 +84,7 @@
     "ts-pnp": "1.1.5",
     "typescript": "^3.7.5",
     "url-loader": "2.3.0",
+    "userbase-js": "^1.4.1",
     "webpack": "4.41.2",
     "webpack-dev-server": "3.9.0",
     "webpack-manifest-plugin": "2.2.0",

public/index-ERC20-Mainnet.html

@@ -131,6 +131,22 @@ <h1>Wrapped Eth!</h1>
     <!-- include the Glitch button to show what the webpage is about and
           to make it easier for folks to view source and remix -->
     <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div>
+
+    <script>
+      document.addEventListener(
+        "dappHeroConfigLoaded",
+        ({ detail: dappHero }) => {
+          // Inside here you can listen to any event you want
+          console.log("It's loaded");
+          dappHero.listenToTransactionStatusChange(data => {
+            console.log("Listening to transtaction status change", data);
+          });
+          dappHero.listenToSmartContractBlockchainEvent(data => {
+            console.log("The blockChain Events: ", data)
+          })
+        }
+      );
+    </script>
     <script
       src=""
       id="dh-apiKey"