diff options
Diffstat (limited to 'app/assets/javascripts/environments/components/environment_terminal_button.vue')
-rw-r--r-- | app/assets/javascripts/environments/components/environment_terminal_button.vue | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/app/assets/javascripts/environments/components/environment_terminal_button.vue b/app/assets/javascripts/environments/components/environment_terminal_button.vue index 0df07f0457f..1c4209397b1 100644 --- a/app/assets/javascripts/environments/components/environment_terminal_button.vue +++ b/app/assets/javascripts/environments/components/environment_terminal_button.vue @@ -3,12 +3,12 @@ * Renders a terminal button to open a web terminal. * Used in environments table. */ -import { GlDropdownItem } from '@gitlab/ui'; +import { GlDisclosureDropdownItem } from '@gitlab/ui'; import { __ } from '~/locale'; export default { components: { - GlDropdownItem, + GlDisclosureDropdownItem, }, props: { terminalPath: { @@ -22,11 +22,13 @@ export default { default: false, }, }, - title: __('Terminal'), + data() { + return { + item: { text: __('Terminal'), href: this.terminalPath }, + }; + }, }; </script> <template> - <gl-dropdown-item :href="terminalPath" :disabled="disabled"> - {{ $options.title }} - </gl-dropdown-item> + <gl-disclosure-dropdown-item :item="item" :disabled="disabled" /> </template> |