aboutsummaryrefslogtreecommitdiff
path: root/src/components/conversation/conversation.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2024-04-22 19:23:52 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2024-04-22 19:23:52 +0000
commit2cbfcb6a6deac223d110b4190b0415cd837f7299 (patch)
tree1004b4bb172fd4fa424dc231469f3d7fda4e50d2 /src/components/conversation/conversation.vue
parente853d746b0d8868dd1f586f801865c651948401d (diff)
parentb173741f870243c6ded3b6f400827f8c00f20bb7 (diff)
Merge branch 'tusooa/status-loading-indicator' into 'develop'
Display loading and error indicator for conversation page See merge request pleroma/pleroma-fe!1907
Diffstat (limited to 'src/components/conversation/conversation.vue')
-rw-r--r--src/components/conversation/conversation.vue17
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 }"
>