1 files changed, 33 insertions, 0 deletions
diff --git a/app/assets/javascripts/analytics/devops_report/devops_score_disabled_service_ping.js b/app/assets/javascripts/analytics/devops_report/devops_score_disabled_service_ping.js
new file mode 100644
index 00000000000..63b36f35247
--- /dev/null
+++ b/app/assets/javascripts/analytics/devops_report/devops_score_disabled_service_ping.js
@@ -0,0 +1,33 @@
+import Vue from 'vue';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import UserCallout from '~/user_callout';
+import ServicePingDisabled from './components/service_ping_disabled.vue';
+
+export default () => {
+  // eslint-disable-next-line no-new
+  new UserCallout();
+
+  const emptyStateContainer = document.getElementById('js-devops-service-ping-disabled');
+
+  if (!emptyStateContainer) return false;
+
+  const {
+    isAdmin,
+    emptyStateSvgPath,
+    enableServicePingPath,
+    docsLink,
+  } = emptyStateContainer.dataset;
+
+  return new Vue({
+    el: emptyStateContainer,
+    provide: {
+      isAdmin: parseBoolean(isAdmin),
+      svgPath: emptyStateSvgPath,
+      primaryButtonPath: enableServicePingPath,
+      docsLink,
+    },
+    render(h) {
+      return h(ServicePingDisabled);
+    },
+  });
+};