diff options
author | Clement Ho <clemmakesapps@gmail.com> | 2018-09-12 01:19:21 +0300 |
---|---|---|
committer | Mike Greiling <mike@pixelcog.com> | 2018-09-12 01:19:21 +0300 |
commit | f815b48f3981ad6f225827c3e9cc08850a4f7438 (patch) | |
tree | ed064db5a87deff150ea8f280f368d87cb31cf2e /app/assets/javascripts/deploy_keys | |
parent | 85aeaf055af3355d04d1d298db41b63570f71fd3 (diff) |
Use gitlab-ui loading icon
Diffstat (limited to 'app/assets/javascripts/deploy_keys')
-rw-r--r-- | app/assets/javascripts/deploy_keys/components/action_btn.vue | 6 | ||||
-rw-r--r-- | app/assets/javascripts/deploy_keys/components/app.vue | 6 |
2 files changed, 3 insertions, 9 deletions
diff --git a/app/assets/javascripts/deploy_keys/components/action_btn.vue b/app/assets/javascripts/deploy_keys/components/action_btn.vue index 7399fc97d45..10548da8ec5 100644 --- a/app/assets/javascripts/deploy_keys/components/action_btn.vue +++ b/app/assets/javascripts/deploy_keys/components/action_btn.vue @@ -1,11 +1,7 @@ <script> -import loadingIcon from '~/vue_shared/components/loading_icon.vue'; import eventHub from '../eventhub'; export default { - components: { - loadingIcon, - }, props: { deployKey: { type: Object, @@ -45,7 +41,7 @@ export default { class="btn" @click="doAction"> <slot></slot> - <loading-icon + <gl-loading-icon v-if="isLoading" :inline="true" /> diff --git a/app/assets/javascripts/deploy_keys/components/app.vue b/app/assets/javascripts/deploy_keys/components/app.vue index d91e4809126..aa52f120fe7 100644 --- a/app/assets/javascripts/deploy_keys/components/app.vue +++ b/app/assets/javascripts/deploy_keys/components/app.vue @@ -1,7 +1,6 @@ <script> import { s__ } from '~/locale'; import Flash from '~/flash'; -import LoadingIcon from '~/vue_shared/components/loading_icon.vue'; import NavigationTabs from '~/vue_shared/components/navigation_tabs.vue'; import eventHub from '../eventhub'; import DeployKeysService from '../service'; @@ -11,7 +10,6 @@ import KeysPanel from './keys_panel.vue'; export default { components: { KeysPanel, - LoadingIcon, NavigationTabs, }, props: { @@ -114,10 +112,10 @@ export default { <template> <div class="append-bottom-default deploy-keys"> - <loading-icon + <gl-loading-icon v-if="isLoading && !hasKeys" :label="s__('DeployKeys|Loading deploy keys')" - size="2" + :size="2" /> <template v-else-if="hasKeys"> <div class="top-area scrolling-tabs-container inner-page-scroll-tabs"> |