From 06dcf861b83261d47faef5ac47780126603f65ad Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Fri, 29 Jan 2021 21:53:22 +0100
Subject: [PATCH] Move build version to room info

---
 src/App.vue                 |  6 +-----
 src/assets/css/main.scss    | 11 +++++++++++
 src/components/RoomInfo.vue |  8 ++++++++
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3c56204..ef64a69 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,7 +40,7 @@
       <v-btn icon x-small @click.stop="openDrawer = !openDrawer">
         <v-icon>menu</v-icon>
       </v-btn>
-      Powered by Guardian Project. Version: {{ buildVersion }}</v-footer
+      </v-footer
     >
   </v-app>
 </template>
@@ -54,14 +54,10 @@ export default {
     RoomList,
   },
   data: () => ({
-    buildVersion: "",
     openDrawer: false,
   }),
   mounted() {
     //this.$router.replace("/");
-    const version = require("!!raw-loader!./assets/version.txt").default;
-    console.log("Version", version);
-    this.buildVersion = version;
   },
   methods: {
     loggedIn() {
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 02e8803..afd0d33 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -60,4 +60,15 @@ $chat-button-height: 50px;
 
 .dialog-text {
     word-break: break-word;
+}
+
+.build-version {
+    font-family: 'Inter', sans-serif;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 12px;
+    line-height: 117%;
+    text-align: center;
+    letter-spacing: 0.4px;
+    color: rgba(0, 0, 0, 0.6);
 }
\ No newline at end of file
diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index a7e019a..d55dfb9 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -106,6 +106,8 @@
       </v-card-text>
     </v-card>
 
+    <div class="build-version">Powered by Guardian Project. Version: {{ buildVersion }}</div>
+
     <LeaveRoomDialog
       :show="showLeaveConfirmation"
       :room="room"
@@ -130,6 +132,7 @@ export default {
       displayName: "",
       showAllMembers: false,
       showLeaveConfirmation: false,
+      buildVersion: "",
     };
   },
   mounted() {
@@ -140,6 +143,11 @@ export default {
 
     // Set QR code
     this.updateQRCode();
+
+    // Display build version
+    const version = require("!!raw-loader!../assets/version.txt").default;
+    console.log("Version", version);
+    this.buildVersion = version;
   },
 
   destroyed() {