fix: disable all top up options on testnets except zksync (#272)

matter-labs · May 10, 2022 · eac47ab · eac47ab
1 parent 9e8d2ed
commit eac47ab
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 19 deletions.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -91,14 +91,14 @@ const config = {
         url: "https://app.utorg.pro",
         sid: process.env.UTORG_MAINNET_SID,
       },
-      rinkeby: {
-        url: "https://app-stage.utorg.pro",
-        sid: process.env.UTORG_RINKEBY_SID,
-      },
-      ropsten: {
-        url: "https://app-stage.utorg.pro",
-        sid: process.env.UTORG_ROPSTEN_SID,
-      },
+      // rinkeby: {
+      //   url: "https://app-stage.utorg.pro",
+      //   sid: process.env.UTORG_RINKEBY_SID,
+      // },
+      // ropsten: {
+      //   url: "https://app-stage.utorg.pro",
+      //   sid: process.env.UTORG_ROPSTEN_SID,
+      // },
     },
     banxaConfig: {
       mainnet: {

diff --git a/src/assets/style/_default.scss b/src/assets/style/_default.scss
@@ -283,12 +283,6 @@ button.-lg.-circle {
     .body {
       padding-right: 28px !important;
       padding-left: 28px !important;
-
-      ul {
-        padding-left: 0.5rem;
-        margin-left: 0.5rem;
-        margin-top: 1rem;
-      }
     }
 
     & > div:last-child {

diff --git a/src/components/Provider/Bybit.vue b/src/components/Provider/Bybit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{ disabled: !enabled }" @click="proceed">
+  <div :class="{ disabled }" @click="proceed">
     <img v-if="isDark" src="@/static/images/providers/bybit-white.svg" alt="ByBit" />
     <img v-else src="@/static/images/providers/bybit-dark.svg" alt="ByBit" />
   </div>
@@ -16,13 +16,22 @@ export default Vue.extend({
     },
   },
   computed: {
+    network(): string {
+      return this.$store.getters["zk-provider/network"];
+    },
+    disabled(): boolean {
+      return !this.enabled || !this.isSupported;
+    },
+    isSupported(): boolean {
+      return this.network === "mainnet";
+    },
     isDark(): boolean {
       return this.$inkline.config.variant === "dark";
     },
   },
   methods: {
     proceed(): Window | null | void {
-      if (!this.enabled) {
+      if (this.disabled) {
         this.$emit("providerError", "Provider Bybit will be available soon");
         return;
       }

diff --git a/src/components/Provider/LayerSwap.vue b/src/components/Provider/LayerSwap.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{ disabled: !enabled }" @click="proceed">
+  <div :class="{ disabled }" @click="proceed">
     <img v-if="isDarkTheme" src="@/static/images/providers/layer-swap-light.svg" alt="LayerSwap" />
     <img v-else src="@/static/images/providers/layer-swap.svg" alt="LayerSwap" />
   </div>
@@ -16,18 +16,30 @@ export default Vue.extend({
     },
   },
   computed: {
+    network(): string {
+      return this.$store.getters["zk-provider/network"];
+    },
+    disabled(): boolean {
+      return !this.enabled || !this.isSupported;
+    },
+    isSupported(): boolean {
+      return this.network === "mainnet";
+    },
     isDarkTheme(): boolean {
       return this.$inkline.config.variant === "dark";
     },
   },
   methods: {
     proceed(): void {
-      if (!this.enabled) {
+      if (this.disabled) {
         this.$emit("providerError", "Provider LayerSwap will be available soon");
         return;
       }
       this.$analytics.track("click_on_buy_with_layerswap");
-      window.open(`https://www.layerswap.io/?referer=zksync&destNetwork=ZKSYNC_MAINNET&lockNetwork=true&addressSource=zksyncweb&lockAddress=true&destAddress=${this.$store.getters["zk-account/address"]}`, "_blank");
+      window.open(
+        `https://www.layerswap.io/?referer=zksync&destNetwork=ZKSYNC_MAINNET&lockNetwork=true&addressSource=zksyncweb&lockAddress=true&destAddress=${this.$store.getters["zk-account/address"]}`,
+        "_blank"
+      );
     },
   },
 });