diff options
| author | tusooa <tusooa@kazv.moe> | 2024-04-14 11:46:29 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2024-04-14 11:46:29 -0400 |
| commit | b173741f870243c6ded3b6f400827f8c00f20bb7 (patch) | |
| tree | 440c6091d4eb46910b6b6dc2c549e419a14c26d2 /src/components/conversation/conversation.vue | |
| parent | 39269c4829d9f779204b3b5954b3af6d2b9f3582 (diff) | |
Display loading and error indicator for conversation page
Diffstat (limited to 'src/components/conversation/conversation.vue')
| -rw-r--r-- | src/components/conversation/conversation.vue | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 171e6717..526de5c3 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -29,6 +29,23 @@ /> </div> <div + v-if="isPage && !status" + class="conversation-body" + :class="{ 'panel-body': isExpanded }" + > + <p v-if="!loadStatusError"> + <FAIcon + spin + icon="circle-notch" + /> + {{ $t('status.loading') }} + </p> + <p v-else> + {{ $t('status.load_error', { error: loadStatusError }) }} + </p> + </div> + <div + v-else class="conversation-body" :class="{ 'panel-body': isExpanded }" > |