From b27c39d786f957ece6ae6fc397d1745ee4b311fb Mon Sep 17 00:00:00 2001
From: Mengling Ding <mengling.ding@seagate.com>
Date: Thu, 22 Aug 2024 14:41:30 -0500
Subject: [PATCH] fix: get cfm-service version in footer not dashboard

---
 webui/src/components/Dashboard/Dashboard.vue | 3 ---
 webui/src/components/Footer.vue              | 7 ++++++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/Dashboard/Dashboard.vue b/webui/src/components/Dashboard/Dashboard.vue
index 258cebc..c0aa88c 100644
--- a/webui/src/components/Dashboard/Dashboard.vue
+++ b/webui/src/components/Dashboard/Dashboard.vue
@@ -60,7 +60,6 @@ import { useData } from "./initial-data-elements";
 import { useApplianceStore } from "../Stores/ApplianceStore";
 import { useHostStore } from "../Stores/HostStore";
 import { useBladeStore } from "../Stores/BladeStore";
-import { useServiceStore } from "../Stores/ServiceStore";
 import { useBladePortStore } from "../Stores/BladePortStore";
 import { VueFlow } from "@vue-flow/core";
 import { useRouter } from "vue-router";
@@ -73,7 +72,6 @@ export default {
     const applianceStore = useApplianceStore();
     const hostStore = useHostStore();
     const bladeStore = useBladeStore();
-    const serviceStore = useServiceStore();
     const bladePortStore = useBladePortStore();
 
     const router = useRouter();
@@ -176,7 +174,6 @@ export default {
 
     // Fetch appliances/blades/hosts when component is mounted
     onMounted(async () => {
-      await serviceStore.getServiceVersion();
       await applianceStore.fetchAppliances();
       await hostStore.fetchHosts();
       // Ensure blade ports are fetched after appliances, this action will create the edges for dataPlane
diff --git a/webui/src/components/Footer.vue b/webui/src/components/Footer.vue
index 0b0a1e7..9f1b70f 100644
--- a/webui/src/components/Footer.vue
+++ b/webui/src/components/Footer.vue
@@ -18,17 +18,22 @@
 </template>
 
 <script>
-import { computed } from "vue";
+import { computed, onMounted } from "vue";
 import packageJson from "/package.json";
 import { useServiceStore } from "./Stores/ServiceStore";
 
 export default {
   setup() {
     const serviceStore = useServiceStore();
+
     const serviceVersion = computed(() => serviceStore.serviceVersion);
 
     const uiVersion = packageJson.version;
 
+    onMounted(() => {
+      serviceStore.getServiceVersion();
+    });
+
     return {
       serviceVersion,
       uiVersion,