From 877c6acfb106f7191cb8fd07b8782ec9b54617f1 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Tue, 25 Jun 2024 15:00:11 +0800
Subject: [PATCH] fix: #216. setHighlightedNavItemOnLanding

---
 src/views/MainContainer.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/views/MainContainer.vue b/src/views/MainContainer.vue
index 3c9f02a..fe30e28 100644
--- a/src/views/MainContainer.vue
+++ b/src/views/MainContainer.vue
@@ -11,6 +11,8 @@
 </template>
 
 <script>
+import { onBeforeMount, } from 'vue';
+import { useRouter } from 'vue-router';
 import { storeToRefs, mapActions, mapState, } from 'pinia';
 import LoadingStore from '@/stores/loading.js';
 import AllMapDataStore from '@/stores/allMapData.js';
@@ -30,9 +32,26 @@ export default {
     const loadingStore = LoadingStore();
     const allMapDataStore = AllMapDataStore();
     const conformanceStore = ConformanceStore();
+    const pageAdminStore = PageAdminStore();
     const { tempFilterId, createFilterId,  temporaryData, postRuleData, ruleData } = storeToRefs(allMapDataStore);
     const {  conformanceLogTempCheckId, conformanceFilterTempCheckId } = storeToRefs(conformanceStore);
+    const router = useRouter();
 
+    const setHighlightedNavItemOnLanding = () => {
+      const currentPath = router.currentRoute.value.path;
+      const pathSegments = currentPath.split('/').filter(segment => segment !== '');
+      if(pathSegments.length === 1) {
+        if(pathSegments[0] === 'files') {
+          pageAdminStore.setActivePage('ALL');
+        }
+      } else if (pathSegments.length > 1){
+        pageAdminStore.setActivePage(pathSegments[1].toUpperCase());
+      }
+    };
+
+    onBeforeMount(() => {
+      setHighlightedNavItemOnLanding();
+    });
     return {
       loadingStore, temporaryData, tempFilterId,
       createFilterId, postRuleData, ruleData,