1 files changed, 23 insertions, 0 deletions
diff --git a/app/assets/javascripts/work_items/components/work_item_actions.vue b/app/assets/javascripts/work_items/components/work_item_actions.vue
index 88f82fb6fb7..0a71fbc9a34 100644
--- a/app/assets/javascripts/work_items/components/work_item_actions.vue
+++ b/app/assets/javascripts/work_items/components/work_item_actions.vue
@@ -25,6 +25,7 @@ import {
   TEST_ID_PROMOTE_ACTION,
   TEST_ID_COPY_CREATE_NOTE_EMAIL_ACTION,
   TEST_ID_COPY_REFERENCE_ACTION,
+  TEST_ID_TOGGLE_ACTION,
   I18N_WORK_ITEM_ERROR_CONVERTING,
   WORK_ITEM_TYPE_VALUE_KEY_RESULT,
   WORK_ITEM_TYPE_VALUE_OBJECTIVE,
@@ -35,6 +36,7 @@ import {
 import updateWorkItemNotificationsMutation from '../graphql/update_work_item_notifications.mutation.graphql';
 import convertWorkItemMutation from '../graphql/work_item_convert.mutation.graphql';
 import projectWorkItemTypesQuery from '../graphql/project_work_item_types.query.graphql';
+import WorkItemStateToggle from './work_item_state_toggle.vue';
 
 export default {
   i18n: {
@@ -53,6 +55,7 @@ export default {
     GlDropdownDivider,
     GlModal,
     GlToggle,
+    WorkItemStateToggle,
   },
   directives: {
     GlModal: GlModalDirective,
@@ -65,12 +68,17 @@ export default {
   copyCreateNoteEmailTestId: TEST_ID_COPY_CREATE_NOTE_EMAIL_ACTION,
   deleteActionTestId: TEST_ID_DELETE_ACTION,
   promoteActionTestId: TEST_ID_PROMOTE_ACTION,
+  stateToggleTestId: TEST_ID_TOGGLE_ACTION,
   inject: ['isGroup'],
   props: {
     fullPath: {
       type: String,
       required: true,
     },
+    workItemState: {
+      type: String,
+      required: true,
+    },
     workItemId: {
       type: String,
       required: false,
@@ -126,6 +134,11 @@ export default {
       required: false,
       default: false,
     },
+    workItemParentId: {
+      type: String,
+      required: false,
+      default: null,
+    },
   },
   apollo: {
     workItemTypes: {
@@ -310,6 +323,16 @@ export default {
         <template #list-item>{{ confidentialItemText }}</template>
       </gl-disclosure-dropdown-item>
 
+      <work-item-state-toggle
+        v-if="canUpdate"
+        :data-testid="$options.stateToggleTestId"
+        :work-item-id="workItemId"
+        :work-item-state="workItemState"
+        :work-item-parent-id="workItemParentId"
+        :work-item-type="workItemType"
+        show-as-dropdown-item
+      />
+
       <gl-disclosure-dropdown-item
         :data-testid="$options.copyReferenceTestId"
         :data-clipboard-text="workItemReference"