frontend: Add original name to cluster settings view for non dynamic clusters

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

Author: vyncent-t

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 non dynamic clusters from 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.": "叢集的當前名稱。您可以定義自定義修改名稱。",