summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/jira_import/components/jira_import_setup.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/jira_import/components/jira_import_setup.vue')
-rw-r--r--app/assets/javascripts/jira_import/components/jira_import_setup.vue25
1 files changed, 25 insertions, 0 deletions
diff --git a/app/assets/javascripts/jira_import/components/jira_import_setup.vue b/app/assets/javascripts/jira_import/components/jira_import_setup.vue
new file mode 100644
index 00000000000..917930397f4
--- /dev/null
+++ b/app/assets/javascripts/jira_import/components/jira_import_setup.vue
@@ -0,0 +1,25 @@
+<script>
+export default {
+ name: 'JiraImportSetup',
+ props: {
+ illustration: {
+ type: String,
+ required: true,
+ },
+ },
+};
+</script>
+
+<template>
+ <div class="empty-state">
+ <div class="svg-content">
+ <img :src="illustration" :alt="__('Set up Jira Integration illustration')" />
+ </div>
+ <div class="text-content d-flex flex-column align-items-center">
+ <p>{{ __('You will first need to set up Jira Integration to use this feature.') }}</p>
+ <a class="btn btn-success" href="../services/jira/edit">
+ {{ __('Set up Jira Integration') }}
+ </a>
+ </div>
+ </div>
+</template>