From d49016e31979ac05b4855e20dea10fce8e99d4a2 Mon Sep 17 00:00:00 2001
From: Alen Zubic <alen.zubic@relaymonkey.com>
Date: Sat, 4 May 2024 14:59:33 +0000
Subject: [PATCH] Fix/db connection details

---
 .../lib/vis/components/config/panel.tsx       | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/libs/shared/lib/vis/components/config/panel.tsx b/libs/shared/lib/vis/components/config/panel.tsx
index e0981e7d3..ce1b1c9de 100644
--- a/libs/shared/lib/vis/components/config/panel.tsx
+++ b/libs/shared/lib/vis/components/config/panel.tsx
@@ -54,12 +54,19 @@ export function ConfigPanel({ manager }: Props) {
       ) : (
         <div>
           {session && session.currentSaveState && (
-            <div className="flex flex-col p-4 border-b">
-              <span className="text-sm font-bold">Connection details</span>
-              <span className="text-xs">Database: {session.saveStates[session.currentSaveState].name}</span>
-              <span className="text-xs">Port: {session.saveStates[session.currentSaveState].db.port}</span>
-              <span className="text-xs">Protocol: {session.saveStates[session.currentSaveState].db.protocol}</span>
-            </div>
+              <div className="flex flex-col p-4 border-b">
+                <span className="text-sm font-bold">Connection details</span>
+                <span className="text-xs font-semibold">Name</span>
+                <span className="text-xs">{session.saveStates[session.currentSaveState].name}</span>
+                <span className="text-xs font-semibold">Database</span>
+                <span className="text-xs">{session.saveStates[session.currentSaveState].db.internalDatabaseName}</span>
+                <span className="text-xs font-semibold">Protocol</span>
+                <span className="text-xs">{session.saveStates[session.currentSaveState].db.protocol}</span>
+                <span className="text-xs font-semibold">Hostname</span>
+                <span className="text-xs">{session.saveStates[session.currentSaveState].db.url}</span>
+                <span className="text-xs font-semibold">Port</span>
+                <span className="text-xs">{session.saveStates[session.currentSaveState].db.port}</span>
+              </div>
           )}
         </div>
       )}
-- 
GitLab