From b9129f8377a59eae2362668ae34eb0cb631a8c64 Mon Sep 17 00:00:00 2001
From: zaelgohary <zainabelgohary19@gmail.com>
Date: Sun, 4 Jun 2023 17:45:12 +0300
Subject: [PATCH 1/2] Move capacity url to a seperate file

---
 .../src/components/connect_wallet_landing.vue      | 13 ++-----------
 packages/playground/src/utils/getCapacityUrl.ts    | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 packages/playground/src/utils/getCapacityUrl.ts

diff --git a/packages/playground/src/components/connect_wallet_landing.vue b/packages/playground/src/components/connect_wallet_landing.vue
index 5889616821..192a933a78 100644
--- a/packages/playground/src/components/connect_wallet_landing.vue
+++ b/packages/playground/src/components/connect_wallet_landing.vue
@@ -90,24 +90,15 @@
 </template>
 
 <script lang="ts">
-import { NetworkEnv } from "@threefold/grid_client";
 import { useTheme } from "vuetify";
 
+import capacityURL from "@/utils/getCapacityUrl";
+
 export default {
   name: "ConnectWalletLanding",
   setup() {
     const theme = useTheme();
     const baseUrl = import.meta.env.BASE_URL;
-    const network = process.env.NETWORK || (window as any).env.NETWORK;
-
-    const getCapacityURL = (network: NetworkEnv) => {
-      if (network === NetworkEnv.main) {
-        return "https://dashboard.grid.tf/explorer/statistics";
-      }
-      return `https://dashboard.${network}.grid.tf/explorer/statistics`;
-    };
-
-    const capacityURL = getCapacityURL(network);
 
     return {
       theme,
diff --git a/packages/playground/src/utils/getCapacityUrl.ts b/packages/playground/src/utils/getCapacityUrl.ts
new file mode 100644
index 0000000000..d26bc2d020
--- /dev/null
+++ b/packages/playground/src/utils/getCapacityUrl.ts
@@ -0,0 +1,14 @@
+import { NetworkEnv } from "@threefold/grid_client";
+
+const network = process.env.NETWORK || (window as any).env.NETWORK;
+
+const getCapacityURL = (network: NetworkEnv) => {
+  if (network === NetworkEnv.main) {
+    return "https://dashboard.grid.tf/explorer/statistics";
+  }
+  return `https://dashboard.${network}.grid.tf/explorer/statistics`;
+};
+
+const capacityURL = getCapacityURL(network);
+
+export default capacityURL;

From 8a1b4c0ee17dae3fb01c2d257dc9af7e4250bcc8 Mon Sep 17 00:00:00 2001
From: zaelgohary <zainabelgohary19@gmail.com>
Date: Sun, 4 Jun 2023 17:57:04 +0300
Subject: [PATCH 2/2] refactor getCapacityURL

---
 .../src/components/connect_wallet_landing.vue          |  4 +++-
 packages/playground/src/utils/getCapacityUrl.ts        | 10 ++--------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/playground/src/components/connect_wallet_landing.vue b/packages/playground/src/components/connect_wallet_landing.vue
index 192a933a78..429f11be7b 100644
--- a/packages/playground/src/components/connect_wallet_landing.vue
+++ b/packages/playground/src/components/connect_wallet_landing.vue
@@ -92,13 +92,15 @@
 <script lang="ts">
 import { useTheme } from "vuetify";
 
-import capacityURL from "@/utils/getCapacityUrl";
+import { getCapacityURL } from "../utils/getCapacityUrl";
 
 export default {
   name: "ConnectWalletLanding",
   setup() {
     const theme = useTheme();
     const baseUrl = import.meta.env.BASE_URL;
+    const network = process.env.NETWORK || (window as any).env.NETWORK;
+    const capacityURL = getCapacityURL(network);
 
     return {
       theme,
diff --git a/packages/playground/src/utils/getCapacityUrl.ts b/packages/playground/src/utils/getCapacityUrl.ts
index d26bc2d020..0144bd5ae0 100644
--- a/packages/playground/src/utils/getCapacityUrl.ts
+++ b/packages/playground/src/utils/getCapacityUrl.ts
@@ -1,14 +1,8 @@
 import { NetworkEnv } from "@threefold/grid_client";
 
-const network = process.env.NETWORK || (window as any).env.NETWORK;
-
-const getCapacityURL = (network: NetworkEnv) => {
+export function getCapacityURL(network: NetworkEnv) {
   if (network === NetworkEnv.main) {
     return "https://dashboard.grid.tf/explorer/statistics";
   }
   return `https://dashboard.${network}.grid.tf/explorer/statistics`;
-};
-
-const capacityURL = getCapacityURL(network);
-
-export default capacityURL;
+}