From 2180e2f6497f2c2804159587e2322d4679ddff19 Mon Sep 17 00:00:00 2001
From: jmt-gh <jmt-gh>
Date: Thu, 9 Jun 2022 11:57:44 -0700
Subject: [PATCH] Add server version to drawer

This commit adds the server version next to the URL. It also adds a new
style to ensure that the text wraps properly if the URL is too long.
Trying text-wrap didn't work.
---
 components/app/SideDrawer.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/app/SideDrawer.vue b/components/app/SideDrawer.vue
index 0a36040d..6739788c 100644
--- a/components/app/SideDrawer.vue
+++ b/components/app/SideDrawer.vue
@@ -19,7 +19,7 @@
       </div>
       <div class="absolute bottom-0 left-0 w-full py-6 px-6 text-gray-300">
         <div v-if="serverConnectionConfig" class="mb-4 flex justify-center">
-          <p class="text-xs">{{ serverConnectionConfig.address }}</p>
+          <p class="text-xs" style="word-break: break-word">{{ serverConnectionConfig.address }} (v{{serverVersion}})</p>
         </div>
         <div class="flex items-center">
           <p class="text-xs">{{ $config.version }}</p>
@@ -71,6 +71,9 @@ export default {
     serverConnectionConfig() {
       return this.$store.state.user.serverConnectionConfig
     },
+    serverVersion() {
+      return this.$store.state.serverSettings.version || 'Version Unavailable'
+    },
     username() {
       return this.user ? this.user.username : ''
     },