From 3aef5b6b3ee8a40d9b646b974759afbe77e3eb3d Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Wed, 17 Feb 2021 17:12:16 +0100
Subject: [PATCH] Loading indicator

Issue #63.
---
 src/components/Chat.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 82d564d..ef82d82 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -238,6 +238,18 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
+
+    <!-- Loading indicator -->
+    <v-container fluid fill-height style="position: absolute" v-if="!initialLoadDone">
+      <v-row align="center" justify="center">
+        <v-col class="text-center">
+          <v-progress-circular
+            indeterminate
+            color="primary"
+          ></v-progress-circular>
+        </v-col>
+      </v-row>
+    </v-container>
   </div>
 </template>
 
@@ -379,6 +391,9 @@ export default {
       return this.$matrix.currentRoom;
     },
     roomId() {
+      if (!this.$matrix.ready) {
+        return null; // Not ready yet...
+      }
       if (this.room) {
         return this.room.roomId;
       }