Make filter menu visible if categories are inactive

webapp/components/FilterMenu/FilterMenuComponent.vue

@@ -3,7 +3,7 @@
     <div class="filter-menu-options">
       <div class="filter-header">
         <h2 class="title">{{ $t('filter-menu.filter-by') }}</h2>
-        <div class="item-save-topics">
+        <div v-if="categoriesActive" class="item-save-topics">
           <labeled-button
             filled
             :label="$t('actions.saveCategories')"
@@ -62,18 +62,20 @@ export default {
   },
   methods: {
     saveCategories() {
-      this.$apollo
+      if (this.categoriesActive) {
-        .mutate({
+        this.$apollo
-          mutation: SaveCategories(),
+          .mutate({
-          variables: { activeCategories: this.filteredCategoryIds },
+            mutation: SaveCategories(),
-        })
+            variables: { activeCategories: this.filteredCategoryIds },
-        .then(() => {
+          })
-          this.$emit('showFilterMenu')
+          .then(() => {
-          this.$toast.success(this.$t('filter-menu.save.success'))
+            this.$emit('showFilterMenu')
-        })
+            this.$toast.success(this.$t('filter-menu.save.success'))
-        .catch(() => {
+          })
-          this.$toast.error(this.$t('filter-menu.save.error'))
+          .catch(() => {
-        })
+            this.$toast.error(this.$t('filter-menu.save.error'))
+          })
+      }
     },
   },
 }

webapp/pages/index.vue

@@ -19,7 +19,7 @@
       </client-only>
     </div>
     <div>
-      <div v-if="categoriesActive && SHOW_CONTENT_FILTER_MASONRY_GRID" class="top-filter-menu">
+      <div v-if="SHOW_CONTENT_FILTER_MASONRY_GRID" class="top-filter-menu">
         <div class="filterButtonBox">
           <div class="filterButtonMenu" :class="{ 'hide-filter': hideByScroll }">
             <base-button