diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 61a945e1f..bf8bc49f1 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -14,29 +14,31 @@
>
+ v-if="!postsFilter['categories_some'] && !postsFilter['author']"
+ :icon="filterButtonIcon"
+ right
+ @click="showFilter = !showFilter"
+ >
{{ $t('contribution.filterMasonryGrid.noFilter') }}
-
+
{{ $t('contribution.filterMasonryGrid.myTheme') }}
-
+ >
{{ $t('contribution.filterMasonryGrid.myFriends') }}
@@ -45,7 +47,7 @@
style="background-color: white; box-shadow: rgb(189 189 189) 1px 9px 15px 1px"
v-if="showFilter"
>
-
+
@@ -176,21 +178,21 @@ export default {
this.resetCategories()
this.toggleCategory(this.categoryId)
}
- document.addEventListener('click', this.removeFilter)
+ document.addEventListener('click', this.removeFilter)
},
methods: {
...mapMutations({
resetCategories: 'posts/RESET_CATEGORIES',
toggleCategory: 'posts/TOGGLE_CATEGORY',
}),
- removeFilter(e) {
+ removeFilter(e) {
if (!e.target.closest('#my-filter') && !e.target.closest('.my-filter-button')) {
- if (!this.showFilter) return
- this.showFilter = false
- }
+ if (!this.showFilter) return
+ this.showFilter = false
+ }
},
beforeDestroy() {
- document.removeEventListener('click', this.removeFilter);
+ document.removeEventListener('click', this.removeFilter)
},
clearSearch() {
this.$router.push({ path: '/' })