Extract FollowsFilterMenuItems

- remove now unnecessary FilterPostsMenuItems

webapp/components/FilterPosts/FilterPosts.vue

@@ -11,7 +11,10 @@
       <ds-icon size="xx-small" name="angle-down" />
     </ds-button>
     <template slot="popover">
-      <filter-posts-menu-items :chunk="chunk" :user="currentUser" />
+      <ds-container>
+        <categories-filter-menu-items :chunk="chunk" />
+        <follows-filter-menu-items :user="currentUser" />
+      </ds-container>
     </template>
   </dropdown>
 </template>
@@ -19,12 +22,14 @@
 import _ from 'lodash'
 import Dropdown from '~/components/Dropdown'
 import { mapGetters } from 'vuex'
-import FilterPostsMenuItems from '~/components/FilterPosts/FilterPostsMenuItems'
+import CategoriesFilterMenuItems from './CategoriesFilterMenuItems'
+import FollowsFilterMenuItems from './FollowsFilterMenuItems'
 
 export default {
   components: {
     Dropdown,
-    FilterPostsMenuItems,
+    CategoriesFilterMenuItems,
+    FollowsFilterMenuItems,
   },
   props: {
     placement: { type: String },

webapp/components/FilterPosts/FollowsFilterMenuItems.vue

@@ -1,7 +1,5 @@
 <template>
-  <ds-container>
-    <categories-filters :chunk="chunk" />
-    <ds-space />
+  <ds-space>
     <ds-flex id="filter-posts-by-followers-header">
       <ds-heading tag="h4">{{ $t('filter-posts.general.header') }}</ds-heading>
       <ds-space margin-bottom="large" />
@@ -36,19 +34,14 @@
       </ds-flex-item>
       <ds-space margin-bottom="large" />
     </ds-flex>
-  </ds-container>
+  </ds-space>
 </template>
 <script>
 import { mapGetters, mapMutations } from 'vuex'
-import CategoriesFilters from './CategoriesFilters'
 
 export default {
-  components: {
-    CategoriesFilters,
-  },
   props: {
     user: { type: Object, required: true },
-    chunk: { type: Array, default: () => [] },
   },
   computed: {
     ...mapGetters({