CE-backport track uninstall button clicks

2 files changed, 14 insertions, 1 deletions

diff --git a/app/assets/javascripts/clusters/components/uninstall_application_confirmation_modal.vue b/app/assets/javascripts/clusters/components/uninstall_application_confirmation_modal.vue
index 80ba2f22198..65827f1cb6a 100644
--- a/app/assets/javascripts/clusters/components/uninstall_application_confirmation_modal.vue
+++ b/app/assets/javascripts/clusters/components/uninstall_application_confirmation_modal.vue
@@ -1,6 +1,7 @@
 <script>
 import { GlModal } from '@gitlab/ui';
 import { sprintf, s__ } from '~/locale';
+import trackUninstallButtonClickMixin from 'ee_else_ce/clusters/mixins/track_uninstall_button_click';
 import { INGRESS, CERT_MANAGER, PROMETHEUS, RUNNER, KNATIVE, JUPYTER } from '../constants';
 
 const CUSTOM_APP_WARNING_TEXT = {
@@ -20,6 +21,7 @@ export default {
   components: {
     GlModal,
   },
+  mixins: [trackUninstallButtonClickMixin],
   props: {
     application: {
       type: String,
@@ -51,6 +53,12 @@ export default {
       return `uninstall-${this.application}`;
     },
   },
+  methods: {
+    confirmUninstall() {
+      this.trackUninstallButtonClick(this.application);
+      this.$emit('confirm');
+    },
+  },
 };
 </script>
 <template>
@@ -60,7 +68,7 @@ export default {
     :ok-title="title"
     :modal-id="modalId"
     :title="title"
-    @ok="$emit('confirm')"
+    @ok="confirmUninstall()"
     >{{ warningText }} {{ customAppWarningText }}</gl-modal
   >
 </template>
diff --git a/app/assets/javascripts/clusters/mixins/track_uninstall_button_click.js b/app/assets/javascripts/clusters/mixins/track_uninstall_button_click.js
new file mode 100644
index 00000000000..18f65b234d3
--- /dev/null
+++ b/app/assets/javascripts/clusters/mixins/track_uninstall_button_click.js
@@ -0,0 +1,5 @@
+export default {
+  methods: {
+    trackUninstallButtonClick: () => {},
+  },
+};