From 065dc004945602771a7a5e05791c40e0d60f01b3 Mon Sep 17 00:00:00 2001
From: ehab-hassan <queenann724@gmail.com>
Date: Wed, 9 Oct 2024 13:44:00 +0300
Subject: [PATCH 01/11] move version to footer

---
 packages/playground/src/App.vue                  |  9 ---------
 .../playground/src/components/main_footer.vue    | 16 ++++++++++++++--
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
index ae79f9543f..1fdbde1971 100644
--- a/packages/playground/src/App.vue
+++ b/packages/playground/src/App.vue
@@ -108,14 +108,6 @@
             </v-list>
           </div>
         </div>
-
-        <template v-if="version">
-          <div class="version">
-            <v-chip color="secondary">
-              {{ version }}
-            </v-chip>
-          </div>
-        </template>
       </v-navigation-drawer>
 
       <v-main :style="{ paddingTop: navbarConfig ? '140px' : '70px' }">
@@ -363,7 +355,6 @@ async function setTimeouts() {
   }
 }
 // eslint-disable-next-line no-undef
-const version = process.env.VERSION as any;
 
 const routes: AppRoute[] = [
   {
diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index b5ad597aa1..292fe29ba5 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -82,7 +82,19 @@
         </v-col>
       </v-row>
       <v-divider class="my-3 w-25 mx-auto" />
-      <div class="text-center mb-12">{{ new Date().getFullYear() }} — ThreeFoldTech</div>
+      <div class="d-flex justify-center text-subtitle-2">
+        <div class="text-center mb-12">
+          &#169; {{ new Date().getFullYear() }} ThreeFoldTech <span class="mx-2">|</span>
+        </div>
+        <template v-if="version">
+          <span>Version</span>
+          <div class="mx-2">
+            <v-chip color="secondary">
+              {{ version }}
+            </v-chip>
+          </div>
+        </template>
+      </div>
     </v-container>
   </v-footer>
 </template>
@@ -96,7 +108,7 @@ import { AppThemeSelection } from "@/utils/app_theme";
 import { manual } from "@/utils/manual";
 
 const theme = useTheme();
-
+const version = process.env.VERSION as any;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
 

From 596523838079b911e966481cd28137c48d350357 Mon Sep 17 00:00:00 2001
From: ehab-hassan <queenann724@gmail.com>
Date: Wed, 9 Oct 2024 14:17:52 +0300
Subject: [PATCH 02/11] move version to footer

---
 packages/playground/src/components/main_footer.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 292fe29ba5..cb3c8e90e5 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -88,10 +88,8 @@
         </div>
         <template v-if="version">
           <span>Version</span>
-          <div class="mx-2">
-            <v-chip color="secondary">
-              {{ version }}
-            </v-chip>
+          <div class="mx-2 footer_header">
+            {{ version }}
           </div>
         </template>
       </div>

From f828b433041547c030a823fe66e9cebf7bd34f9a Mon Sep 17 00:00:00 2001
From: ehab-hassan <queenann724@gmail.com>
Date: Thu, 10 Oct 2024 13:12:01 +0300
Subject: [PATCH 03/11] add version inside div

---
 packages/playground/src/components/main_footer.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index cb3c8e90e5..058179eb61 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -82,10 +82,9 @@
         </v-col>
       </v-row>
       <v-divider class="my-3 w-25 mx-auto" />
-      <div class="d-flex justify-center text-subtitle-2">
-        <div class="text-center mb-12">
-          &#169; {{ new Date().getFullYear() }} ThreeFoldTech <span class="mx-2">|</span>
-        </div>
+
+      <div class="mb-12 d-flex justify-center text-subtitle-2">
+        &#169; {{ new Date().getFullYear() }} ThreeFoldTech <span class="mx-2">|</span>
         <template v-if="version">
           <span>Version</span>
           <div class="mx-2 footer_header">

From e751a24efbf69e7a188599b235f6b34b1d45e307 Mon Sep 17 00:00:00 2001
From: ehab-hassan <queenann724@gmail.com>
Date: Thu, 10 Oct 2024 16:14:23 +0300
Subject: [PATCH 04/11] hide version if it is not existed

---
 .../playground/src/components/main_footer.vue | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 058179eb61..8a979013eb 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -83,14 +83,18 @@
       </v-row>
       <v-divider class="my-3 w-25 mx-auto" />
 
-      <div class="mb-12 d-flex justify-center text-subtitle-2">
-        &#169; {{ new Date().getFullYear() }} ThreeFoldTech <span class="mx-2">|</span>
-        <template v-if="version">
-          <span>Version</span>
-          <div class="mx-2 footer_header">
-            {{ version }}
-          </div>
-        </template>
+      <div class="d-flex justify-center text-subtitle-2">
+        <div class="text-center mb-12">
+          <p>
+            &#169; {{ new Date().getFullYear() }} ThreeFoldTech
+            <span v-if="version !== 'No version to show'">
+              <span class="mx-2">|</span>Version
+              <span class="footer_header">
+                {{ version }}
+              </span></span
+            >
+          </p>
+        </div>
       </div>
     </v-container>
   </v-footer>

From aae0a5b4a02a869a1cf0d9ae7455c5ffa1939d6a Mon Sep 17 00:00:00 2001
From: ehab-hassan <queenann724@gmail.com>
Date: Thu, 10 Oct 2024 16:21:53 +0300
Subject: [PATCH 05/11] remove unused div

---
 .../playground/src/components/main_footer.vue | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 8a979013eb..466393c22a 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -83,18 +83,16 @@
       </v-row>
       <v-divider class="my-3 w-25 mx-auto" />
 
-      <div class="d-flex justify-center text-subtitle-2">
-        <div class="text-center mb-12">
-          <p>
-            &#169; {{ new Date().getFullYear() }} ThreeFoldTech
-            <span v-if="version !== 'No version to show'">
-              <span class="mx-2">|</span>Version
-              <span class="footer_header">
-                {{ version }}
-              </span></span
-            >
-          </p>
-        </div>
+      <div class="mb-12 d-flex justify-center text-subtitle-2">
+        <p>
+          &#169; {{ new Date().getFullYear() }} ThreeFoldTech
+          <span v-if="version !== 'No version to show'">
+            <span class="mx-2">|</span>Version
+            <span class="footer_header">
+              {{ version }}
+            </span></span
+          >
+        </p>
       </div>
     </v-container>
   </v-footer>

From afdb1127755755b0d7ee5721afa6f208158a732b Mon Sep 17 00:00:00 2001
From: ehab-hassan <queenann724@gmail.com>
Date: Mon, 14 Oct 2024 13:27:07 +0300
Subject: [PATCH 06/11] update main footer

---
 packages/playground/src/components/main_footer.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 466393c22a..db7644aca8 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -86,7 +86,7 @@
       <div class="mb-12 d-flex justify-center text-subtitle-2">
         <p>
           &#169; {{ new Date().getFullYear() }} ThreeFoldTech
-          <span v-if="version !== 'No version to show'">
+          <span v-if="version !== message">
             <span class="mx-2">|</span>Version
             <span class="footer_header">
               {{ version }}
@@ -99,6 +99,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref } from "vue";
 import { useRouter } from "vue-router";
 import { useTheme } from "vuetify";
 
@@ -110,7 +111,7 @@ const theme = useTheme();
 const version = process.env.VERSION as any;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
-
+const message = ref("No version to show");
 function navigateToHome() {
   return $router.push(DashboardRoutes.Other.HomePage);
 }

From 194f933928e241f6edeaa3401a27d7ceea0af17b Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 14 Oct 2024 13:39:32 +0300
Subject: [PATCH 07/11] update main footer

---
 packages/playground/src/components/main_footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index db7644aca8..2537ed7f58 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -86,7 +86,7 @@
       <div class="mb-12 d-flex justify-center text-subtitle-2">
         <p>
           &#169; {{ new Date().getFullYear() }} ThreeFoldTech
-          <span v-if="version !== message">
+          <span v-if="version !== messages">
             <span class="mx-2">|</span>Version
             <span class="footer_header">
               {{ version }}

From bb7fe3ffb0152b2a1b3c24310a3c974a2c1eee71 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 14 Oct 2024 13:40:37 +0300
Subject: [PATCH 08/11] update main footer

---
 packages/playground/src/components/main_footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 2537ed7f58..db7644aca8 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -86,7 +86,7 @@
       <div class="mb-12 d-flex justify-center text-subtitle-2">
         <p>
           &#169; {{ new Date().getFullYear() }} ThreeFoldTech
-          <span v-if="version !== messages">
+          <span v-if="version !== message">
             <span class="mx-2">|</span>Version
             <span class="footer_header">
               {{ version }}

From 05603b986a2e745191dfd4e83a70d9cf1d9acb15 Mon Sep 17 00:00:00 2001
From: amiraabouhadid <amiraabouhadid@gmail.com>
Date: Tue, 15 Oct 2024 12:48:50 +0300
Subject: [PATCH 09/11] inject global var for no app version to show

---
 packages/playground/src/components/main_footer.vue | 4 ++--
 packages/playground/src/main.ts                    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index db7644aca8..4455babf46 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -99,7 +99,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { inject } from "vue";
 import { useRouter } from "vue-router";
 import { useTheme } from "vuetify";
 
@@ -111,7 +111,7 @@ const theme = useTheme();
 const version = process.env.VERSION as any;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
-const message = ref("No version to show");
+const message = inject("noAppVersion");
 function navigateToHome() {
   return $router.push(DashboardRoutes.Other.HomePage);
 }
diff --git a/packages/playground/src/main.ts b/packages/playground/src/main.ts
index b6462b2866..63ae38b120 100644
--- a/packages/playground/src/main.ts
+++ b/packages/playground/src/main.ts
@@ -11,7 +11,6 @@ import { defineGlobals } from "./config";
 import Monitor from "./Monitor.vue";
 import router from "./router";
 import { normalizeError } from "./utils/helpers";
-
 const app = createApp(Monitor);
 
 app.config.errorHandler = error => {
@@ -43,5 +42,6 @@ app.use(createPinia());
 app.use(router);
 app.use(vuetify);
 defineGlobals(app);
+app.provide("noAppVersion", "No version to show");
 
 app.mount("#app");

From 75ac7cced98c4340ae12f440f37e95cd9a629ff3 Mon Sep 17 00:00:00 2001
From: amiraabouhadid <amiraabouhadid@gmail.com>
Date: Tue, 15 Oct 2024 12:57:30 +0300
Subject: [PATCH 10/11] remove unncessary as any

---
 packages/playground/src/components/main_footer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 4455babf46..931dff3928 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -108,7 +108,7 @@ import { AppThemeSelection } from "@/utils/app_theme";
 import { manual } from "@/utils/manual";
 
 const theme = useTheme();
-const version = process.env.VERSION as any;
+const version = process.env.VERSION;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
 const message = inject("noAppVersion");

From 9a3c1dc617c51484859b0354e56a596223fdb979 Mon Sep 17 00:00:00 2001
From: amiraabouhadid <amiraabouhadid@gmail.com>
Date: Wed, 16 Oct 2024 16:05:33 +0300
Subject: [PATCH 11/11] change message var name for no version shown

---
 packages/playground/src/components/main_footer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index 931dff3928..39b74cae2a 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -86,7 +86,7 @@
       <div class="mb-12 d-flex justify-center text-subtitle-2">
         <p>
           &#169; {{ new Date().getFullYear() }} ThreeFoldTech
-          <span v-if="version !== message">
+          <span v-if="version !== noAppVersionMessage">
             <span class="mx-2">|</span>Version
             <span class="footer_header">
               {{ version }}
@@ -111,7 +111,7 @@ const theme = useTheme();
 const version = process.env.VERSION;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
-const message = inject("noAppVersion");
+const noAppVersionMessage = inject("noAppVersion");
 function navigateToHome() {
   return $router.push(DashboardRoutes.Other.HomePage);
 }