Commit 6fe381e7 authored by Amy Qualls's avatar Amy Qualls Committed by Enrique Alcántara

Convert button from deprecated to current state

Fix button to work with Pajamas.
parent 6b6b2324
<script> <script>
import { import { GlButton, GlFormGroup, GlFormInput, GlModal, GlModalDirective } from '@gitlab/ui';
GlDeprecatedButton,
GlFormGroup,
GlFormInput,
GlModal,
GlModalDirective,
} from '@gitlab/ui';
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue'; import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
import axios from '~/lib/utils/axios_utils'; import axios from '~/lib/utils/axios_utils';
import { __, sprintf } from '~/locale'; import { __, sprintf } from '~/locale';
...@@ -14,7 +8,7 @@ import createFlash from '~/flash'; ...@@ -14,7 +8,7 @@ import createFlash from '~/flash';
export default { export default {
copyToClipboard: __('Copy'), copyToClipboard: __('Copy'),
components: { components: {
GlDeprecatedButton, GlButton,
GlFormGroup, GlFormGroup,
GlFormInput, GlFormInput,
GlModal, GlModal,
...@@ -131,20 +125,13 @@ export default { ...@@ -131,20 +125,13 @@ export default {
) )
}} }}
</gl-modal> </gl-modal>
<gl-deprecated-button <gl-button v-gl-modal.authKeyModal class="js-reset-auth-key" :disabled="disabled">{{
v-gl-modal.authKeyModal __('Reset key')
class="js-reset-auth-key" }}</gl-button>
:disabled="disabled"
>{{ __('Reset key') }}</gl-deprecated-button
>
</template> </template>
<gl-deprecated-button <gl-button v-else :disabled="disabled" class="js-reset-auth-key" @click="resetKey">{{
v-else __('Generate key')
:disabled="disabled" }}</gl-button>
class="js-reset-auth-key"
@click="resetKey"
>{{ __('Generate key') }}</gl-deprecated-button
>
</div> </div>
</div> </div>
</template> </template>
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