From 91f6831af5167b8d701c38781673067a36b612be Mon Sep 17 00:00:00 2001
From: Lukas Mertens <git@lukas-mertens.de>
Date: Sat, 16 Mar 2024 15:51:36 +0100
Subject: [PATCH] feat(MainPanel): show current connection url

closes #66

Signed-off-by: Lukas Mertens <git@lukas-mertens.de>

commit-id:293e0e90
---
 src/pages/MainPanel.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/MainPanel.vue b/src/pages/MainPanel.vue
index fe2b5a9b..b8551d1b 100644
--- a/src/pages/MainPanel.vue
+++ b/src/pages/MainPanel.vue
@@ -15,9 +15,14 @@
         <v-list-item to="config" append-icon="mdi-cog" link>
           <v-list-item-title>Config</v-list-item-title>
         </v-list-item>
-        <v-list-item @click="changeInstance()" append-icon="mdi-image-filter-hdr" link>
-          <v-list-item-title>Change EVerest instance</v-list-item-title>
-        </v-list-item>
+        <v-tooltip location="end">
+          <template v-slot:activator="{ props }">
+            <v-list-item @click="changeInstance()" append-icon="mdi-image-filter-hdr" link v-bind="props">
+              <v-list-item-title>Change EVerest instance</v-list-item-title>
+            </v-list-item>
+          </template>
+          <span>Connected to {{ connectionUrl }}</span>
+        </v-tooltip>
       </v-list>
       <v-list-item class="bottom-list d-flex flex-column">
         <span>Version {{ version }}</span>
@@ -86,6 +91,9 @@ export default defineComponent({
     show_snackbar() {
       return mainStore.snackbar_message !== undefined;
     },
+    connectionUrl() {
+      return evbc?._cxn?._url ?? "nothing";
+    }
   },
   methods: {
     close_snackbar() {