1 files changed, 26 insertions, 0 deletions
diff --git a/app/assets/javascripts/environments/environment_details/components/deployment_status_link.vue b/app/assets/javascripts/environments/environment_details/components/deployment_status_link.vue
new file mode 100644
index 00000000000..82926e2e596
--- /dev/null
+++ b/app/assets/javascripts/environments/environment_details/components/deployment_status_link.vue
@@ -0,0 +1,26 @@
+<script>
+import DeploymentStatusBadge from '~/environments/components/deployment_status_badge.vue';
+
+export default {
+  components: {
+    DeploymentStatusBadge,
+  },
+  props: {
+    status: {
+      type: String,
+      required: true,
+    },
+    deploymentJob: {
+      type: Object,
+      required: false,
+      default: null,
+    },
+  },
+};
+</script>
+<template>
+  <a v-if="deploymentJob" data-testid="deployment-status-job-link" :href="deploymentJob.webPath">
+    <deployment-status-badge :status="status" />
+  </a>
+  <deployment-status-badge v-else :status="status" />
+</template>