diff options
Diffstat (limited to 'app/assets/javascripts/environments/environment_details/empty_state.vue')
-rw-r--r-- | app/assets/javascripts/environments/environment_details/empty_state.vue | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/javascripts/environments/environment_details/empty_state.vue b/app/assets/javascripts/environments/environment_details/empty_state.vue new file mode 100644 index 00000000000..6f08b319408 --- /dev/null +++ b/app/assets/javascripts/environments/environment_details/empty_state.vue @@ -0,0 +1,34 @@ +<script> +import { GlEmptyState, GlSprintf } from '@gitlab/ui'; +import { translations, codeBlockPlaceholders, environmentsHelpPagePath } from './constants'; + +export default { + components: { + GlSprintf, + GlEmptyState, + }, + translations, + actionButtonUrl: environmentsHelpPagePath, + placeholders: { + code: codeBlockPlaceholders, + }, +}; +</script> +<template> + <gl-empty-state + :title="$options.translations.emptyStateTitle" + :primary-button-text="$options.translations.emptyStatePrimaryButton" + :primary-button-link="$options.actionButtonUrl" + > + <template #description> + <gl-sprintf + :message="$options.translations.emptyStateDescription" + :placeholders="$options.placeholders.code" + > + <template #code="{ content }"> + <code>{{ content }}</code> + </template> + </gl-sprintf> + </template> + </gl-empty-state> +</template> |