diff options
author | greta <gretadoci@gmail.com> | 2022-11-09 15:03:06 +0300 |
---|---|---|
committer | greta <gretadoci@gmail.com> | 2022-11-10 19:12:44 +0300 |
commit | 9245711f6258950c598b3c5abe17cd21a9a9d740 (patch) | |
tree | 0e4f12b9f18239e851db8ddf3150a49153dc892d | |
parent | 6102461aff6876671e5759afe0409a6eb7090f9a (diff) |
Add empty content for loading thread
Signed-off-by: greta <gretadoci@gmail.com>
-rw-r--r-- | src/components/Loading.vue | 13 | ||||
-rw-r--r-- | src/components/Thread.vue | 2 |
2 files changed, 9 insertions, 6 deletions
diff --git a/src/components/Loading.vue b/src/components/Loading.vue index 5555d62e8..39f5d4d47 100644 --- a/src/components/Loading.vue +++ b/src/components/Loading.vue @@ -1,22 +1,25 @@ <template> <div class="wrapper"> - <div v-if="hint" class="emptycontent"> - <IconLoading :size="20" /> - <h2>{{ hint }}</h2> + <EmptyContent v-if="hint" + :title="hint"> + <template #icon> + <IconLoading :size="20" /> + </template> <transition name="fade"> <em v-if="slowHint && slow">{{ slowHint }}</em> </transition> - </div> + </EmptyContent> <IconLoading v-else class="container" /> </div> </template> <script> -import { NcLoadingIcon as IconLoading } from '@nextcloud/vue' +import { NcLoadingIcon as IconLoading, NcEmptyContent as EmptyContent } from '@nextcloud/vue' export default { name: 'Loading', components: { IconLoading, + EmptyContent, }, props: { hint: { diff --git a/src/components/Thread.vue b/src/components/Thread.vue index cd7fd2cf3..7ac4857d8 100644 --- a/src/components/Thread.vue +++ b/src/components/Thread.vue @@ -1,6 +1,6 @@ <template> <AppContentDetails id="mail-message"> - <Loading v-if="loading" /> + <Loading v-if="loading" :hint="t('mail', 'Loading thread')" /> <template v-else> <div id="mail-thread-header"> <div id="mail-thread-header-fields"> |