Handle linking to unregistered hosts

trento-project · Jun 21, 2023 · 7b77fb3 · 7b77fb3
1 parent 5594adb
commit 7b77fb3
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/assets/js/components/ClusterDetails/ClusterDetails.jsx b/assets/js/components/ClusterDetails/ClusterDetails.jsx
@@ -18,7 +18,7 @@ import HostLink from '@components/HostLink';
 import ChecksResultOverview from '@components/ClusterDetails/ChecksResultOverview';
 import ProviderLabel from '@components/ProviderLabel';
 import { getClusterName } from '@components/ClusterLink';
-import { EOS_SETTINGS, EOS_CLEAR_ALL, EOS_PLAY_CIRCLE } from 'eos-icons-react';
+import { EOS_SETTINGS, EOS_CLEAR_ALL, EOS_PLAY_CIRCLE, EOS_WARNING_OUTLINED } from 'eos-icons-react';
 
 import { getCluster, getClusterHostIDs } from '@state/selectors/cluster';
 import {
@@ -34,9 +34,21 @@ const siteDetailsConfig = {
     {
       title: 'Hostname',
       key: '',
-      render: (_, hostData) => (
-        <HostLink hostId={hostData.hostId}>{hostData.name}</HostLink>
-      ),
+      render: (_, hostData) => {
+        if (hostData.hostId) {
+          return (<HostLink hostId={hostData.hostId}>{hostData.name}</HostLink>);
+        }
+        return (
+          <span className="group flex items-center relative">
+            <EOS_WARNING_OUTLINED
+                size="base"
+                className="centered fill-yellow-500"
+              />
+            <span className="ml-1 truncate max-w-[100px]">{hostData.name}</span>
+            <Tooltip tooltipText="Host currently not registered." width="w-52 -translate-x-1/3"/>
+          </span>
+        );
+      }
     },
     { title: 'Role', key: 'hana_status' },
     {