1 files changed, 7 insertions, 9 deletions
diff --git a/app/assets/javascripts/ci/runner/admin_runner_show/admin_runner_show_app.vue b/app/assets/javascripts/ci/runner/admin_runner_show/admin_runner_show_app.vue
index d385d32fd9d..c2ec8462a0e 100644
--- a/app/assets/javascripts/ci/runner/admin_runner_show/admin_runner_show_app.vue
+++ b/app/assets/javascripts/ci/runner/admin_runner_show/admin_runner_show_app.vue
@@ -4,10 +4,8 @@ import { TYPENAME_CI_RUNNER } from '~/graphql_shared/constants';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
 import { visitUrl } from '~/lib/utils/url_utility';
 
-import RunnerDeleteButton from '../components/runner_delete_button.vue';
-import RunnerEditButton from '../components/runner_edit_button.vue';
-import RunnerPauseButton from '../components/runner_pause_button.vue';
 import RunnerHeader from '../components/runner_header.vue';
+import RunnerHeaderActions from '../components/runner_header_actions.vue';
 import RunnerDetailsTabs from '../components/runner_details_tabs.vue';
 
 import { I18N_FETCH_ERROR } from '../constants';
@@ -18,10 +16,8 @@ import { saveAlertToLocalStorage } from '../local_storage_alert/save_alert_to_lo
 export default {
   name: 'AdminRunnerShowApp',
   components: {
-    RunnerDeleteButton,
-    RunnerEditButton,
-    RunnerPauseButton,
     RunnerHeader,
+    RunnerHeaderActions,
     RunnerDetailsTabs,
   },
   props: {
@@ -80,9 +76,11 @@ export default {
   <div>
     <runner-header v-if="runner" :runner="runner">
       <template #actions>
-        <runner-edit-button v-if="canUpdate && runner.editAdminUrl" :href="runner.editAdminUrl" />
-        <runner-pause-button v-if="canUpdate" :runner="runner" />
-        <runner-delete-button v-if="canDelete" :runner="runner" @deleted="onDeleted" />
+        <runner-header-actions
+          :runner="runner"
+          :edit-path="runner.editAdminUrl"
+          @deleted="onDeleted"
+        />
       </template>
     </runner-header>
     <runner-details-tabs v-if="runner" :runner="runner" />