original bug is fixed but save modal is not handle (nav-item bg color is not correctly painted)

src/components/Navbar.vue

@@ -15,7 +15,7 @@
           </div>
           <ul class="flex justify-center items-center space-x-4 text-xl font-semibold text-neutral-300 cursor-pointer">
             <li @click="switchNavItem($event, item)" v-for="(item, index) in navViewData[navViewName]"
-              :key="index" :class="{'active': activePage === item}">
+              :key="index" class="nav-item" :class="{'active': activePage.toUpperCase() === item}">
                 {{ item }}
             </li>
           </ul>
@@ -138,6 +138,8 @@ export default {
     filterName: function(newVal, oldVal) {
       this.filterName = newVal;
     },
+    activePage: function(newVal) {
+    }
   },
   mounted() {
     if(this.$route.params.type === 'filter') this.createFilterId= this.$route.params.fileId;
@@ -291,7 +293,7 @@ export default {
           break;
       }
     },
-    ...mapActions(PageAdminStore, ['setPendingActivePage', ],),
+    ...mapActions(PageAdminStore, ['setPendingActivePage', 'setPrevioiusPage'],),
   },
 }
 </script>