1 files changed, 1 insertions, 78 deletions

diff --git a/app/assets/javascripts/work_items/components/work_item_links/work_item_links_menu.vue b/app/assets/javascripts/work_items/components/work_item_links/work_item_links_menu.vue
index 6deb87c5dca..1aa4a433a58 100644
--- a/app/assets/javascripts/work_items/components/work_item_links/work_item_links_menu.vue
+++ b/app/assets/javascripts/work_items/components/work_item_links/work_item_links_menu.vue
@@ -1,10 +1,5 @@
 <script>
 import { GlIcon, GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { produce } from 'immer';
-import { s__ } from '~/locale';
-import changeWorkItemParentMutation from '../../graphql/change_work_item_parent_link.mutation.graphql';
-import getWorkItemLinksQuery from '../../graphql/work_item_links.query.graphql';
-import { WIDGET_TYPE_HIERARCHY } from '../../constants';
 
 export default {
   components: {
@@ -12,78 +7,6 @@ export default {
     GlDropdown,
     GlIcon,
   },
-  props: {
-    workItemId: {
-      type: String,
-      required: true,
-    },
-    parentWorkItemId: {
-      type: String,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      activeToast: null,
-    };
-  },
-  methods: {
-    toggleChildFromCache(data, store) {
-      const sourceData = store.readQuery({
-        query: getWorkItemLinksQuery,
-        variables: { id: this.parentWorkItemId },
-      });
-
-      const newData = produce(sourceData, (draftState) => {
-        const widgetHierarchy = draftState.workItem.widgets.find(
-          (widget) => widget.type === WIDGET_TYPE_HIERARCHY,
-        );
-
-        const index = widgetHierarchy.children.nodes.findIndex(
-          (child) => child.id === this.workItemId,
-        );
-
-        if (index >= 0) {
-          widgetHierarchy.children.nodes.splice(index, 1);
-        } else {
-          widgetHierarchy.children.nodes.push(data.workItemUpdate.workItem);
-        }
-      });
-
-      store.writeQuery({
-        query: getWorkItemLinksQuery,
-        variables: { id: this.parentWorkItemId },
-        data: newData,
-      });
-    },
-    async addChild(data) {
-      const { data: resp } = await this.$apollo.mutate({
-        mutation: changeWorkItemParentMutation,
-        variables: { id: this.workItemId, parentId: this.parentWorkItemId },
-        update: this.toggleChildFromCache.bind(this, data),
-      });
-
-      if (resp.workItemUpdate.errors.length === 0) {
-        this.activeToast?.hide();
-      }
-    },
-    async removeChild() {
-      const { data } = await this.$apollo.mutate({
-        mutation: changeWorkItemParentMutation,
-        variables: { id: this.workItemId, parentId: null },
-        update: this.toggleChildFromCache.bind(this, null),
-      });
-
-      if (data.workItemUpdate.errors.length === 0) {
-        this.activeToast = this.$toast.show(s__('WorkItem|Child removed'), {
-          action: {
-            text: s__('WorkItem|Undo'),
-            onClick: this.addChild.bind(this, data),
-          },
-        });
-      }
-    },
-  },
 };
 </script>
 
@@ -93,7 +16,7 @@ export default {
       <template #button-content>
         <gl-icon name="ellipsis_v" :size="14" />
       </template>
-      <gl-dropdown-item @click="removeChild">
+      <gl-dropdown-item @click="$emit('removeChild')">
         {{ s__('WorkItem|Remove') }}
       </gl-dropdown-item>
     </gl-dropdown>