diff options
Diffstat (limited to 'app/assets/javascripts/ide/components/cannot_push_code_alert.vue')
-rw-r--r-- | app/assets/javascripts/ide/components/cannot_push_code_alert.vue | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/app/assets/javascripts/ide/components/cannot_push_code_alert.vue b/app/assets/javascripts/ide/components/cannot_push_code_alert.vue new file mode 100644 index 00000000000..d3e51e6e140 --- /dev/null +++ b/app/assets/javascripts/ide/components/cannot_push_code_alert.vue @@ -0,0 +1,40 @@ +<script> +import { GlAlert, GlButton } from '@gitlab/ui'; + +export default { + components: { + GlAlert, + GlButton, + }, + props: { + message: { + type: String, + required: true, + }, + action: { + type: Object, + required: false, + default: null, + }, + }, + computed: { + hasAction() { + return Boolean(this.action?.href); + }, + actionButtonMethod() { + return this.action?.isForm ? 'post' : null; + }, + }, +}; +</script> + +<template> + <gl-alert :dismissible="false"> + {{ message }} + <template v-if="hasAction" #actions> + <gl-button variant="confirm" :href="action.href" :data-method="actionButtonMethod"> + {{ action.text }} + </gl-button> + </template> + </gl-alert> +</template> |