diff options
Diffstat (limited to 'app/assets/javascripts/confidential_merge_request/components/dropdown.vue')
-rw-r--r-- | app/assets/javascripts/confidential_merge_request/components/dropdown.vue | 31 |
1 files changed, 10 insertions, 21 deletions
diff --git a/app/assets/javascripts/confidential_merge_request/components/dropdown.vue b/app/assets/javascripts/confidential_merge_request/components/dropdown.vue index 5b4bdca46e4..6bb654a434f 100644 --- a/app/assets/javascripts/confidential_merge_request/components/dropdown.vue +++ b/app/assets/javascripts/confidential_merge_request/components/dropdown.vue @@ -1,12 +1,11 @@ <script> -import { GlDeprecatedDropdown, GlDeprecatedDropdownItem, GlIcon } from '@gitlab/ui'; +import { GlDropdown, GlDropdownItem } from '@gitlab/ui'; import { __ } from '~/locale'; export default { components: { - GlDeprecatedDropdown, - GlDeprecatedDropdownItem, - GlIcon, + GlDropdown, + GlDropdownItem, }, props: { projects: { @@ -37,25 +36,15 @@ export default { </script> <template> - <gl-deprecated-dropdown toggle-class="d-flex align-items-center w-100" class="w-100"> - <template #button-content> - <span class="str-truncated-100 mr-2"> - <gl-icon name="lock" /> - {{ dropdownText }} - </span> - <gl-icon name="chevron-down" class="ml-auto" /> - </template> - <gl-deprecated-dropdown-item + <gl-dropdown block icon="lock" :text="dropdownText"> + <gl-dropdown-item v-for="project in projects" :key="project.id" + :is-check-item="true" + :is-checked="project.id === selectedProject.id" @click="selectProject(project)" > - <gl-icon - name="mobile-issue-close" - :class="{ icon: project.id !== selectedProject.id }" - class="js-active-project-check" - /> - <span class="ml-1">{{ project.name }}</span> - </gl-deprecated-dropdown-item> - </gl-deprecated-dropdown> + {{ project.name }} + </gl-dropdown-item> + </gl-dropdown> </template> |