Display loading and error indicator for conversation page

2024-04-14 11:46:29 -04:00 · 2024-04-14 11:46:29 -04:00 · b173741f87
commit b173741f87
parent 39269c4829
4 changed files with 27 additions and 2 deletions
--- 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 }"
    >