diff options
author | Filipa Lacerda <filipa@gitlab.com> | 2018-10-30 10:45:54 +0000 |
---|---|---|
committer | Filipa Lacerda <filipa@gitlab.com> | 2018-10-30 10:45:54 +0000 |
commit | 0ccacd7bbdbb63e451ec17e6a650d329f5d4ac9c (patch) | |
tree | 8bbc1da190d72eb1a56e6063155ac53933161ab1 /app/assets/javascripts/vue_merge_request_widget/components/review_app_link.vue | |
parent | 05af98bfefba87f60eda58642a6422af10c129ae (diff) | |
download | gitlab-ce-0ccacd7bbdbb63e451ec17e6a650d329f5d4ac9c.tar.gz |
Prevents review app to render an empty dropdown.
When a deployment has no files to show in the dropdown we
fallback to the regular single button for the review app link.
This commit moves the review app link into a component since it's
used twice.
Diffstat (limited to 'app/assets/javascripts/vue_merge_request_widget/components/review_app_link.vue')
-rw-r--r-- | app/assets/javascripts/vue_merge_request_widget/components/review_app_link.vue | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/review_app_link.vue b/app/assets/javascripts/vue_merge_request_widget/components/review_app_link.vue new file mode 100644 index 00000000000..b007d4f4dcb --- /dev/null +++ b/app/assets/javascripts/vue_merge_request_widget/components/review_app_link.vue @@ -0,0 +1,30 @@ +<script> +import Icon from '~/vue_shared/components/icon.vue'; + +export default { + components: { + Icon, + }, + props: { + link: { + type: String, + required: true, + }, + cssClass: { + type: String, + required: true, + }, + }, +}; +</script> +<template> + <a + :href="link" + target="_blank" + rel="noopener noreferrer nofollow" + :class="cssClass" + > + {{ __('View app') }} + <icon name="external-link" /> + </a> +</template> |