From eac47ab1152d064a01ce4432da2dcad18e8462fc Mon Sep 17 00:00:00 2001
From: Jack Hamer <47187316+JackHamer09@users.noreply.github.com>
Date: Wed, 11 May 2022 01:34:45 +0300
Subject: [PATCH] fix: disable all top up options on testnets except zksync
 (#272)

---
 nuxt.config.ts                        | 16 ++++++++--------
 src/assets/style/_default.scss        |  6 ------
 src/components/Provider/Bybit.vue     | 13 +++++++++++--
 src/components/Provider/LayerSwap.vue | 18 +++++++++++++++---
 4 files changed, 34 insertions(+), 19 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index ca3d46789..4b8f7ebb8 100644
--- 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
index c3299ceb3..df84b1526 100644
--- 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
index 1105ba6d1..f07c5d0c1 100644
--- 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
index 0c9afb102..564ac3045 100644
--- 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"
+      );
     },
   },
 });