From b5c3a9e0467412f5dca6f64cefcf8967df689a07 Mon Sep 17 00:00:00 2001
From: Eden Kirin <eden@ekirin.com>
Date: Mon, 29 Jan 2024 08:10:11 +0100
Subject: [PATCH] Tweaks

---
 src/components/Dashboard.tsx             |  2 +-
 src/components/dashboard/ServiceCard.tsx | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard.tsx b/src/components/Dashboard.tsx
index e2da764..20759ce 100644
--- a/src/components/Dashboard.tsx
+++ b/src/components/Dashboard.tsx
@@ -29,7 +29,7 @@ export default function Dashboard() {
         setLoadingEnv(true);
 
         dashboardApi
-            .getFake(envTab.dashboardEndpoint)
+            .get(envTab.dashboardEndpoint)
             .then((response) => {
                 return response.data.content;
             })
diff --git a/src/components/dashboard/ServiceCard.tsx b/src/components/dashboard/ServiceCard.tsx
index 524d3c1..b6efcbd 100644
--- a/src/components/dashboard/ServiceCard.tsx
+++ b/src/components/dashboard/ServiceCard.tsx
@@ -78,11 +78,22 @@ function ServiceNode({ node }: ServiceNodePropps) {
     const nodeUrl = node.url.replace("http://", "").replace("https://", "");
     const statusOk = node.health_check_status?.status_ok;
 
+    const version = <Typography className="version">{node.app_details?.app_version || "no version"}</Typography>;
+
+    let templateName = null;
+    if (node.app_details?.template_name && node.app_details?.template_version) {
+        templateName = (
+            <Typography className="template">
+                {node.app_details?.template_name} {node.app_details?.template_version}
+            </Typography>
+        );
+    }
     return (
         <Stack direction="row" className={`service-node ${statusOk ? "status-ok" : "status-error"}`}>
             <Box>{getNodeNameElement(node)}</Box>
             <Box className="node-details">
-                <Typography className="version">{node.app_details?.app_version || "no version"}</Typography>
+                {version}
+                {templateName}
                 <Link href={node.url} target="_blank">
                     {nodeUrl}
                 </Link>