1 files changed, 9 insertions, 62 deletions
diff --git a/app/assets/javascripts/projects/components/project_delete_button.vue b/app/assets/javascripts/projects/components/project_delete_button.vue
index eaf93e2da4f..924b6f55db4 100644
--- a/app/assets/javascripts/projects/components/project_delete_button.vue
+++ b/app/assets/javascripts/projects/components/project_delete_button.vue
@@ -1,12 +1,8 @@
 <script>
-import { GlAlert, GlSprintf } from '@gitlab/ui';
-import { __ } from '~/locale';
 import SharedDeleteButton from './shared/delete_button.vue';
 
 export default {
   components: {
-    GlSprintf,
-    GlAlert,
     SharedDeleteButton,
   },
   props: {
@@ -39,66 +35,17 @@ export default {
       required: true,
     },
   },
-  strings: {
-    alertTitle: __('You are about to permanently delete this project'),
-    alertBody: __(
-      'After a project is permanently deleted, it %{strongStart}cannot be recovered%{strongEnd}. Permanently deleting this project will %{strongStart}immediately delete%{strongEnd} its repositories and %{strongStart}all related resources%{strongEnd}, including issues, merge requests etc.',
-    ),
-    isNotForkMessage: __(
-      'This project is %{strongStart}NOT%{strongEnd} a fork, and has the following:',
-    ),
-    isForkMessage: __('This forked project has the following:'),
-  },
 };
 </script>
 
 <template>
-  <shared-delete-button v-bind="{ confirmPhrase, formPath }">
-    <template #modal-body>
-      <gl-alert
-        class="gl-mb-5"
-        variant="danger"
-        :title="$options.strings.alertTitle"
-        :dismissible="false"
-      >
-        <p>
-          <gl-sprintf v-if="isFork" :message="$options.strings.isForkMessage" />
-          <gl-sprintf v-else :message="$options.strings.isNotForkMessage">
-            <template #strong="{ content }">
-              <strong>{{ content }}</strong>
-            </template>
-          </gl-sprintf>
-        </p>
-        <ul>
-          <li>
-            <gl-sprintf :message="n__('%d issue', '%d issues', issuesCount)">
-              <template #issuesCount>{{ issuesCount }}</template>
-            </gl-sprintf>
-          </li>
-          <li>
-            <gl-sprintf
-              :message="n__('%d merge requests', '%d merge requests', mergeRequestsCount)"
-            >
-              <template #mergeRequestsCount>{{ mergeRequestsCount }}</template>
-            </gl-sprintf>
-          </li>
-          <li>
-            <gl-sprintf :message="n__('%d fork', '%d forks', forksCount)">
-              <template #forksCount>{{ forksCount }}</template>
-            </gl-sprintf>
-          </li>
-          <li>
-            <gl-sprintf :message="n__('%d star', '%d stars', starsCount)">
-              <template #starsCount>{{ starsCount }}</template>
-            </gl-sprintf>
-          </li>
-        </ul>
-        <gl-sprintf :message="$options.strings.alertBody">
-          <template #strong="{ content }">
-            <strong>{{ content }}</strong>
-          </template>
-        </gl-sprintf>
-      </gl-alert>
-    </template>
-  </shared-delete-button>
+  <shared-delete-button
+    :confirm-phrase="confirmPhrase"
+    :form-path="formPath"
+    :is-fork="isFork"
+    :issues-count="issuesCount"
+    :merge-requests-count="mergeRequestsCount"
+    :forks-count="forksCount"
+    :stars-count="starsCount"
+  />
 </template>