frontend: Improve cluster metadata for UI

Signed-off-by: Vincent T <[email protected]>

Author: vyncent-t

backend/cmd/headlamp.go

@@ -1174,6 +1174,11 @@ func (c *HeadlampConfig) getClusters() []Cluster {
 			continue
 		}
 
+		kubeconfigPath, err := c.getKubeConfigPath(context.SourceStr())
+		if err != nil {
+			logger.Log(logger.LevelError, nil, err, "getting kubeconfig path")
+		}
+
 		clusters = append(clusters, Cluster{
 			Name:     context.Name,
 			Server:   context.Cluster.Server,
@@ -1182,6 +1187,10 @@ func (c *HeadlampConfig) getClusters() []Cluster {
 				"source":     context.SourceStr(),
 				"namespace":  context.KubeContext.Namespace,
 				"extensions": context.KubeContext.Extensions,
+				"origin": map[string]interface{}{
+					"kubeconfig": kubeconfigPath,
+				},
+				"originalName": context.Name,
 			},
 		})
 	}

frontend/src/components/App/Home/index.tsx

@@ -246,8 +246,8 @@ function HomeComponent(props: HomeComponentProps) {
    */
   function getOrigin(cluster: Cluster): string {
     if (cluster.meta_data?.source === 'kubeconfig') {
-      const kubeconfigPath = process.env.KUBECONFIG ?? '~/.kube/config';
-      return `Kubeconfig: ${kubeconfigPath}`;
+      const sourcePath = cluster.meta_data?.origin?.kubeconfig;
+      return `Kubeconfig: ${sourcePath}`;
     } else if (cluster.meta_data?.source === 'dynamic_cluster') {
       return t('translation|Plugin');
     } else if (cluster.meta_data?.source === 'in_cluster') {

frontend/src/components/App/Settings/SettingsCluster.tsx

@@ -314,6 +314,27 @@ export default function SettingsCluster() {
     );
   }
 
+  // Display the original name of the cluster if it was loaded from a kubeconfig file.
+  function ClusterName() {
+    const originalName = clusterInfo?.meta_data?.originalName;
+    const source = clusterInfo?.meta_data?.source;
+    // Note: display original name is currently only supported for kubeconfig sources.
+    const displayOriginalName = source === 'kubeconfig' && originalName;
+
+    return (
+      <>
+        <Typography>{t('translation|Name')}</Typography>
+        {displayOriginalName && (
+          <Typography variant="body2" color="textSecondary">
+            {t('translation|Original name: {{ originalName }}', {
+              originalName: originalName,
+            })}
+          </Typography>
+        )}
+      </>
+    );
+  }
+
   return (
     <>
       <SectionBox
@@ -336,7 +357,7 @@ export default function SettingsCluster() {
           <NameValueTable
             rows={[
               {
-                name: t('translation|Name'),
+                name: <ClusterName />,
                 value: (
                   <TextField
                     onChange={event => {

frontend/src/i18n/locales/de/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "",
   "There seem to be no clusters configured…": "",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "",
+  "Original name: {{ originalName }}": "",
   "Cluster Settings ({{ clusterName }})": "Cluster-Einstellungen ({{ clusterName }})",
   "Go to cluster": "",
   "The current name of cluster. You can define custom modified name.": "",

frontend/src/i18n/locales/en/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "Cluster Settings",
   "There seem to be no clusters configured…": "There seem to be no clusters configured…",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "Cluster {{ clusterName }} does not exist. Please select a valid cluster:",
+  "Original name: {{ originalName }}": "Original name: {{ originalName }}",
   "Cluster Settings ({{ clusterName }})": "Cluster Settings ({{ clusterName }})",
   "Go to cluster": "Go to cluster",
   "The current name of cluster. You can define custom modified name.": "The current name of cluster. You can define custom modified name.",

frontend/src/i18n/locales/es/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "",
   "There seem to be no clusters configured…": "",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "",
+  "Original name: {{ originalName }}": "",
   "Cluster Settings ({{ clusterName }})": "Configuración del cluster ({{ clusterName }})",
   "Go to cluster": "",
   "The current name of cluster. You can define custom modified name.": "",

frontend/src/i18n/locales/fr/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "",
   "There seem to be no clusters configured…": "",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "",
+  "Original name: {{ originalName }}": "",
   "Cluster Settings ({{ clusterName }})": "Paramètres du cluster ({{ clusterName }})",
   "Go to cluster": "",
   "The current name of cluster. You can define custom modified name.": "",

frontend/src/i18n/locales/it/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "Impostazioni Cluster",
   "There seem to be no clusters configured…": "Sembra che non ci siano cluster configurati…",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "Il cluster {{ clusterName }} non esiste. Seleziona un cluster valido:",
+  "Original name: {{ originalName }}": "",
   "Cluster Settings ({{ clusterName }})": "Impostazioni Cluster ({{ clusterName }})",
   "Go to cluster": "Vai al cluster",
   "The current name of cluster. You can define custom modified name.": "Il nome attuale del cluster. Puoi definire un nome modificato personalizzato.",

frontend/src/i18n/locales/pt/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "",
   "There seem to be no clusters configured…": "",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "",
+  "Original name: {{ originalName }}": "",
   "Cluster Settings ({{ clusterName }})": "Definições do cluster ({{ clusterName }})",
   "Go to cluster": "",
   "The current name of cluster. You can define custom modified name.": "",

frontend/src/i18n/locales/zh-tw/translation.json

@@ -73,6 +73,7 @@
   "Cluster Settings": "叢集設置",
   "There seem to be no clusters configured…": "似乎沒有配置任何叢集…",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "叢集 {{ clusterName }} 不存在。請選擇一個有效的叢集：",
+  "Original name: {{ originalName }}": "",
   "Cluster Settings ({{ clusterName }})": "叢集設置 ({{ clusterName }})",
   "Go to cluster": "前往叢集",
   "The current name of cluster. You can define custom modified name.": "叢集的當前名稱。您可以定義自定義修改名稱。",