diff options
Diffstat (limited to 'src/components/AppNavigation/Settings/SettingsImportContacts.vue')
-rw-r--r-- | src/components/AppNavigation/Settings/SettingsImportContacts.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/components/AppNavigation/Settings/SettingsImportContacts.vue b/src/components/AppNavigation/Settings/SettingsImportContacts.vue index 5b8efa22..2eac8403 100644 --- a/src/components/AppNavigation/Settings/SettingsImportContacts.vue +++ b/src/components/AppNavigation/Settings/SettingsImportContacts.vue @@ -69,11 +69,11 @@ </Button> <Button type="primary" - :class="{'icon-loading': loading}" :disabled="loading" class="import-contact__button import-contact__button--files" @click="openPicker"> <template #icon> + <IconLoading v-if="loading" :size="20" /> <IconFolder :size="20" /> </template> <span class="import-contact__button-icon" /> @@ -95,9 +95,10 @@ </template> <script> -import Button from '@nextcloud/vue/dist/Components/Button' -import Modal from '@nextcloud/vue/dist/Components/Modal' -import Multiselect from '@nextcloud/vue/dist/Components/Multiselect' +import Button from '@nextcloud/vue/dist/Components/NcButton' +import Modal from '@nextcloud/vue/dist/Components/NcModal' +import Multiselect from '@nextcloud/vue/dist/Components/NcMultiselect' +import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon' import { encodePath } from '@nextcloud/paths' import { getCurrentUser } from '@nextcloud/auth' import { generateRemoteUrl } from '@nextcloud/router' @@ -127,6 +128,7 @@ export default { IconUpload, IconError, IconFolder, + IconLoading, }, data() { |