Development

generate-static.sh

@@ -6,4 +6,5 @@ mkdir liquity && cp index.html liquity
 mkdir faq && cp index.html faq
 mkdir risk && cp index.html risk
 mkdir terms && cp index.html terms
-mkdir farm-info && cp index.html farm-info
+mkdir farm-info && cp index.html farm-info
+mkdir vesta && cp index.html vesta

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bprotocol-react-client",
-  "version": "1.0.25",
+  "version": "1.0.29",
   "private": true,
   "dependencies": {
     "@cloudflare/kv-asset-handler": "^0.1.0",

src/App.js

@@ -20,6 +20,7 @@ const Dashboard = React.lazy(() => import("./containers/Dashboard"));
 const Compound = React.lazy(() => import("./containers/Compound"));
 const Liquity = React.lazy(() => import("./containers/Liquity"));
 const LiquityLegacy = React.lazy(() => import("./containers/LiquityLegacy"));
+const Vesta = React.lazy(() => import("./containers/Vesta"));
 const Risk = React.lazy(() => import("./containers/Risk"));
 const TermsOfUse = React.lazy(() => import("./containers/Terms"));
 const FAQ = React.lazy(() => import("./containers/FAQ"));
@@ -55,6 +56,7 @@ const App = observer(() => {
             <Route exact path="/compound" render={props =>(renderPage(props, Compound))} />
             <Route exact path="/liquity" render={props =>(renderPage(props, Liquity))} />
             <Route exact path="/liquity-leagacy" render={props =>(renderPage(props, LiquityLegacy))} />
+            <Route exact path="/vesta" render={props =>(renderPage(props, Vesta))} />
             <Route exact path="/faq" render={props =>(renderPage(props, FAQ))} />
             <Route exact path="/terms" render={props =>(renderPage(props, TermsOfUse))} />
             <Route exact path="/risk" render={props =>(renderPage(props, Risk))} />

src/components/Sidebar.js

@@ -7,6 +7,7 @@ import Discord from "../assets/discord.svg";
 import AAVELogo from "../assets/aav-ewhite-logo.svg";
 import CompoundLogo from "../assets/compound-logo.svg";
 import LiquityLogo from "../assets/liquity-logo.svg";
+import VestaLogo from "../assets/vesta-logo.svg";
 import MakerLogo from "../assets/logo-maker-white.svg";
 import HundredLogo from "../assets/hundred-logo.svg";
 import MigrationModal from "./modals/MigrationModal";
@@ -134,6 +135,15 @@ class Sidebar extends Component {
                 <img src={LiquityLogo} />
                 {false && <small>(Testnet)</small>}
               </div>
+              <div 
+                className={`product link-accesible ${
+                  pathname === "/vesta" &&
+                  "selected"
+                }`}
+                onClick={() => this.handleItemSelect("vesta")}>
+                <img src={VestaLogo} />
+                <small>Testnet</small>
+              </div>
               <div className="product">
                 <a href="https://hundred.finance" target="_blank">
                   <img src={HundredLogo} />

src/containers/Vesta.js

@@ -0,0 +1,27 @@
+import React, { Component } from "react";
+import {observer} from "mobx-react"
+import routerStore from "../stores/router.store"
+
+class Vesta extends Component {
+
+  constructor(props) {
+    super(props);
+  }
+
+  componentDidMount() {
+    routerStore.setRouteProps(this.props.history) 
+  }
+
+  render() {
+    return (
+      <iframe 
+        src="/vesta-app/"
+        width="100%"
+        height="100%"
+        frameBorder="0"
+      />
+    );
+  }
+}
+
+export default observer(Vesta)

src/stores/user.store.js

@@ -15,6 +15,13 @@ import WalletConnectProvider from "@walletconnect/web3-provider";
 import {walletTypes, getMetaMask, getWalletConnect} from "../wallets/Wallets"
 import WalletSelectionModal from "../components/modals/WalletSelectionModal"
 
+const supportedNetworks = {
+    "1": "Mainnet",
+    "42": "Kovan",
+    "421611": "Arbitrum Testnet",
+    "1137": "Hardhat"
+}
+
 class UserStore {
 
     loggedIn = false
@@ -100,7 +107,8 @@ class UserStore {
         // save connection data to local storage
         window.localStorage.setItem("walletType", this.walletType)
         const networkType = await this.web3.eth.net.getId()
-        if (parseInt(networkType) !== parseInt(0x2a) && parseInt(networkType) !== parseInt(0x1) && parseInt(networkType) !== 1337) {
+        debugger
+        if (!supportedNetworks[networkType.toString()]) {
             EventBus.$emit("app-error", "Only Mainnet and Kovan testnet are supported");
             return false;
         }
@@ -134,6 +142,10 @@ class UserStore {
 
     connectionWarning = () => {
         this.loggedIn = false
+        if(window.location.pathname != "/compound"){
+            this.removeConnectionWarning()
+            return
+        }
         EventBus.$emit('app-alert', "something went wrong please try to reconnect", "reconnect", this.connect)
     }