summaryrefslogtreecommitdiffstats
path: root/src/components/AppNavigation/RootNavigation.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/AppNavigation/RootNavigation.vue')
-rw-r--r--src/components/AppNavigation/RootNavigation.vue23
1 files changed, 14 insertions, 9 deletions
diff --git a/src/components/AppNavigation/RootNavigation.vue b/src/components/AppNavigation/RootNavigation.vue
index 91e753ec..8a10be12 100644
--- a/src/components/AppNavigation/RootNavigation.vue
+++ b/src/components/AppNavigation/RootNavigation.vue
@@ -21,7 +21,10 @@
-->
<template>
- <AppNavigation :class="{'icon-loading': loading}">
+ <AppNavigation>
+ <template #icon>
+ <IconLoading v-if="loading" :size="20" />
+ </template>
<slot />
<!-- groups list -->
@@ -169,14 +172,15 @@
<script>
import { GROUP_ALL_CONTACTS, GROUP_NO_GROUP_CONTACTS, GROUP_RECENTLY_CONTACTED, ELLIPSIS_COUNT, CIRCLE_DESC } from '../../models/constants.ts'
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
-import ActionInput from '@nextcloud/vue/dist/Components/ActionInput'
-import ActionText from '@nextcloud/vue/dist/Components/ActionText'
-import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
-import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter'
-import AppNavigationItem from '@nextcloud/vue/dist/Components/AppNavigationItem'
-import AppNavigationSettings from '@nextcloud/vue/dist/Components/AppNavigationSettings'
-import AppNavigationCaption from '@nextcloud/vue/dist/Components/AppNavigationCaption'
+import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton'
+import ActionInput from '@nextcloud/vue/dist/Components/NcActionInput'
+import ActionText from '@nextcloud/vue/dist/Components/NcActionText'
+import AppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation'
+import AppNavigationCounter from '@nextcloud/vue/dist/Components/NcAppNavigationCounter'
+import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem'
+import AppNavigationSettings from '@nextcloud/vue/dist/Components/NcAppNavigationSettings'
+import AppNavigationCaption from '@nextcloud/vue/dist/Components/NcAppNavigationCaption'
+import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon'
import naturalCompare from 'string-natural-compare'
@@ -214,6 +218,7 @@ export default {
IconUser,
IconAdd,
IconError,
+ IconLoading,
IconRecentlyContacted,
NewCircleIntro,
SettingsSection,