Commit f5dc7037 authored by Kyle Mann's avatar Kyle Mann Committed by Mike Greiling

Replace deprecated dropdown

parent 219327ac
<script> <script>
import { mapActions } from 'vuex'; import { mapActions } from 'vuex';
import { GlDeprecatedDropdown, GlDeprecatedDropdownItem, GlLoadingIcon, GlIcon } from '@gitlab/ui'; import { GlDropdown, GlDropdownItem, GlLoadingIcon, GlIcon } from '@gitlab/ui';
import { getIssueStatusFromLicenseStatus } from 'ee/vue_shared/license_compliance/store/utils'; import { getIssueStatusFromLicenseStatus } from 'ee/vue_shared/license_compliance/store/utils';
import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants'; import { LICENSE_MANAGEMENT } from 'ee/vue_shared/license_compliance/store/constants';
import { s__ } from '~/locale'; import { s__ } from '~/locale';
...@@ -14,8 +14,8 @@ const invisibleClass = 'invisible'; ...@@ -14,8 +14,8 @@ const invisibleClass = 'invisible';
export default { export default {
name: 'AdminLicenseManagementRow', name: 'AdminLicenseManagementRow',
components: { components: {
GlDeprecatedDropdown, GlDropdown,
GlDeprecatedDropdownItem, GlDropdownItem,
GlLoadingIcon, GlLoadingIcon,
GlIcon, GlIcon,
IssueStatusIcon, IssueStatusIcon,
...@@ -70,21 +70,21 @@ export default { ...@@ -70,21 +70,21 @@ export default {
<div class="float-right"> <div class="float-right">
<div class="d-flex"> <div class="d-flex">
<gl-loading-icon v-if="loading" class="js-loading-icon d-flex align-items-center mr-2" /> <gl-loading-icon v-if="loading" class="js-loading-icon d-flex align-items-center mr-2" />
<gl-deprecated-dropdown <gl-dropdown
:text="dropdownText" :text="dropdownText"
:disabled="loading" :disabled="loading"
toggle-class="d-flex justify-content-between align-items-center" toggle-class="d-flex justify-content-between align-items-center"
right right
> >
<gl-deprecated-dropdown-item @click="allowLicense(license)"> <gl-dropdown-item @click="allowLicense(license)">
<gl-icon :class="approveIconClass" name="mobile-issue-close" /> <gl-icon :class="approveIconClass" name="mobile-issue-close" />
{{ $options[$options.LICENSE_APPROVAL_ACTION.ALLOW] }} {{ $options[$options.LICENSE_APPROVAL_ACTION.ALLOW] }}
</gl-deprecated-dropdown-item> </gl-dropdown-item>
<gl-deprecated-dropdown-item @click="denyLicense(license)"> <gl-dropdown-item @click="denyLicense(license)">
<gl-icon :class="blacklistIconClass" name="mobile-issue-close" /> <gl-icon :class="blacklistIconClass" name="mobile-issue-close" />
{{ $options[$options.LICENSE_APPROVAL_ACTION.DENY] }} {{ $options[$options.LICENSE_APPROVAL_ACTION.DENY] }}
</gl-deprecated-dropdown-item> </gl-dropdown-item>
</gl-deprecated-dropdown> </gl-dropdown>
<button <button
:disabled="loading" :disabled="loading"
class="btn btn-blank js-remove-button" class="btn btn-blank js-remove-button"
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment