Merge pull request #147 from ignapas/project-filters-hotfix

Hotfix for failing linking to project search
nih-sparc · Jul 11, 2024 · e442546 · e442546
2 parents d42e0a6 + 27451d5
commit e442546
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/components/FacetMenu/ProjectsFacetMenu.vue b/components/FacetMenu/ProjectsFacetMenu.vue
@@ -80,6 +80,9 @@ export default {
     if (this.$route.query.selectedProjectsAnatomicalFocusIds) {
       this.defaultCheckedAnatomicalFocusIds = this.$route.query.selectedProjectsAnatomicalFocusIds.split(",")
     }
+    else {
+      this.$emit('projects-selections-changed')
+    }
   },
 
   methods: {

diff --git a/pages/about/projects/index.vue b/pages/about/projects/index.vue
@@ -42,8 +42,7 @@
               <el-col :sm="24" :md="8" :lg="6">
                 <client-only>
                   <projects-facet-menu :anatomicalFocusFacets="projectsAnatomicalFocusFacets"
-                    @projects-selections-changed="onFacetSelectionChange()" @hook:mounted="facetMenuMounted"
-                    ref="projectsFacetMenu" />
+                    @projects-selections-changed="onFacetSelectionChange" ref="projectsFacetMenu" />
                 </client-only>
               </el-col>
               <el-col class="search-results-container" :sm="searchColSpan('sm')" :md="searchColSpan('md')"
@@ -272,7 +271,7 @@ export default {
         // Added route name check bc clicking on Data & Models header link was causing this to still fire after navigating to the data page
         if (!this.$route.query.consortiaType && this.$route.name == 'about-projects') {
           this.$router.push({
-            query: {consortiaType: this.consortiaType['id'] }
+            query: { consortiaType: this.consortiaType.id }
           })
         } else {
           this.searchData = {
@@ -284,32 +283,29 @@ export default {
           this.fetchConsortiaStyle(this.consortiaType.id)
           this.fetchResults()
         } 
-      },
-      immediate: true
+      }
     },
     '$route.query.search': {
       handler: function () {
         this.searchQuery = this.$route.query.search
         this.fetchResults()
-      },
-      immediate: true
+      }
     },
     '$route.query.projectsSort': {
       handler: function (option) {
         this.fetchResults()
-      },
-      immediate: true
+      }
     },
     '$route.query.selectedProjectsAnatomicalFocusIds': {
       handler: function (option) {
         this.fetchResults()
-      },
-      immediate: true
+      }
     },
   },
 
   beforeMount: function () {
     this.windowWidth = window.innerWidth
+    this.fetchConsortiaStyle(this.consortiaType.id)
   },
   mounted: function () {
     if (!this.$route.query.consortiaType) {
@@ -321,7 +317,6 @@ export default {
         limit: Number(this.$route.query.limit || this.searchData.limit),
         search: this.$route.query.search || ''
       }
-
       this.searchData = { ...this.searchData, ...queryParams }
     }
     if (window.innerWidth <= 768) this.titleColumnWidth = 150