Add support to filter by name to Group list

1 files changed, 5 insertions, 37 deletions

diff --git a/app/assets/javascripts/groups/components/groups.vue b/app/assets/javascripts/groups/components/groups.vue
index 797fca9bd49..2ee7ec96dfe 100644
--- a/app/assets/javascripts/groups/components/groups.vue
+++ b/app/assets/javascripts/groups/components/groups.vue
@@ -1,41 +1,9 @@
 <script>
-import GroupsStore from '../stores/groups_store';
-import GroupsService from '../services/groups_service';
-import eventHub from '../event_hub';
-
 export default {
-  data() {
-    const store = new GroupsStore();
-
-    return {
-      store,
-      state: store.state,
-    };
-  },
-
-  created() {
-    const appEl = document.querySelector('#dashboard-group-app');
-
-    this.service = new GroupsService(appEl.dataset.endpoint);
-    this.fetchGroups();
-
-    eventHub.$on('toggleSubGroups', this.toggleSubGroups);
-  },
-
-  methods: {
-    fetchGroups() {
-      this.service.getGroups()
-        .then((response) => {
-          this.store.setGroups(response.json());
-        })
-        .catch(() => {
-          // TODO: Handler error
-        });
-    },
-    toggleSubGroups(group) {
-      GroupsStore.toggleSubGroups(group);
-
-      this.fetchGroups();
+  props: {
+    groups: {
+      type: Array,
+      required: true,
     },
   },
 };
@@ -43,6 +11,6 @@ export default {
 
 <template>
   <div>
-    <group-folder :groups="state.groups" />
+    <group-folder :groups="groups" />
   </div>
 </template>