Add missing translations

web/src/ui/i18n/resources/de.tsx

@@ -679,6 +679,12 @@ Fühlen Sie sich frei, Ihre Kubernetes-Bereitstellungen zu erkunden und die Kont
     FormFieldWrapper: {
         "reset to default": "Zurücksetzen auf Standardwert"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Verschiedenes",
+        "Configuration that applies to all charts":
+            "Konfiguration, die für alle Diagramme gilt",
+        "Top level configuration values": "Konfigurationswerte auf oberster Ebene"
+    },
     YamlCodeBlockFormField: {
         "not an array": "Ein Array wird erwartet",
         "not an object": "Ein Objekt wird erwartet",

web/src/ui/i18n/resources/en.tsx

@@ -667,6 +667,12 @@ Feel free to explore and take charge of your Kubernetes deployments!
     FormFieldWrapper: {
         "reset to default": "Reset to default"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Miscellaneous",
+        "Configuration that applies to all charts":
+            "Configuration that applies to all charts",
+        "Top level configuration values": "Top level configuration values"
+    },
     YamlCodeBlockFormField: {
         "not an array": "An array is expected",
         "not an object": "An object is expected",

web/src/ui/i18n/resources/es.tsx

@@ -675,6 +675,12 @@ export const translations: Translations<"en"> = {
     FormFieldWrapper: {
         "reset to default": "Restablecer a los valores predeterminados"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Varios",
+        "Configuration that applies to all charts":
+            "Configuración que se aplica a todos los gráficos",
+        "Top level configuration values": "Valores de configuración de nivel superior"
+    },
     YamlCodeBlockFormField: {
         "not an array": "Se espera un arreglo",
         "not an object": "Se espera un objeto",

web/src/ui/i18n/resources/fi.tsx

@@ -667,6 +667,12 @@ Tutustu vapaasti ja ota hallintaan Kubernetes-julkaisusi!
     FormFieldWrapper: {
         "reset to default": "Palauta oletusarvoon"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Sekalaista",
+        "Configuration that applies to all charts":
+            "Konfiguraatio, joka koskee kaikkia kaavioita",
+        "Top level configuration values": "Ylimmän tason konfiguraatioväriarvot"
+    },
     YamlCodeBlockFormField: {
         "not an array": "Taulukkoa odotetaan",
         "not an object": "Oliota odotetaan",

web/src/ui/i18n/resources/fr.tsx

@@ -680,6 +680,12 @@ N'hésitez pas à explorer et à prendre en main vos déploiements Kubernetes !
     FormFieldWrapper: {
         "reset to default": "Réinitialiser à la valeur par défaut"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Sekalaista",
+        "Configuration that applies to all charts":
+            "Konfiguraatio, joka koskee kaikkia kaavioita",
+        "Top level configuration values": "Ylimmän tason konfiguraatioväriarvot"
+    },
     YamlCodeBlockFormField: {
         "not an array": "Un tableau est attendu",
         "not an object": "Un objet est attendu",

web/src/ui/i18n/resources/it.tsx

@@ -674,6 +674,12 @@ Sentiti libero di esplorare e prendere il controllo dei tuoi deployment Kubernet
     FormFieldWrapper: {
         "reset to default": "Ripristina il valore predefinito"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Varie",
+        "Configuration that applies to all charts":
+            "Configurazione che si applica a tutti i grafici",
+        "Top level configuration values": "Valori di configurazione di livello superiore"
+    },
     YamlCodeBlockFormField: {
         "not an array": "È previsto un array",
         "not an object": "È previsto un oggetto",

web/src/ui/i18n/resources/nl.tsx

@@ -677,6 +677,12 @@ Voel je vrij om te verkennen en de controle over je Kubernetes-implementaties te
     FormFieldWrapper: {
         "reset to default": "Terugzetten naar standaardwaarden"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Diverse",
+        "Configuration that applies to all charts":
+            "Configuratie die op alle grafieken van toepassing is",
+        "Top level configuration values": "Configuratiewaarden op het hoogste niveau"
+    },
     YamlCodeBlockFormField: {
         "not an array": "Een array wordt verwacht",
         "not an object": "Een object wordt verwacht",

web/src/ui/i18n/resources/no.tsx

@@ -674,6 +674,12 @@ Utforsk gjerne og ta kontroll over tjenestene du kjører på Kubernetes!
     FormFieldWrapper: {
         "reset to default": "Tilbakestill til standard"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "Diverse",
+        "Configuration that applies to all charts":
+            "Konfigurasjon som gjelder for alle diagrammer",
+        "Top level configuration values": "Konfigurasjonsverdier på toppnivå"
+    },
     YamlCodeBlockFormField: {
         "not an array": "En matrise forventes",
         "not an object": "Et objekt forventes",

web/src/ui/i18n/resources/zh-CN.tsx

@@ -628,6 +628,11 @@ ${
     FormFieldWrapper: {
         "reset to default": "重置为默认值"
     },
+    ConfigurationTopLevelGroup: {
+        miscellaneous: "杂项",
+        "Configuration that applies to all charts": "适用于所有图表的配置",
+        "Top level configuration values": "顶级配置值"
+    },
     YamlCodeBlockFormField: {
         "not an array": "需要是数组",
         "not an object": "需要是对象",

web/src/ui/i18n/types.ts

@@ -56,6 +56,7 @@ export type ComponentKey =
     | import("ui/pages/launcher/LauncherDialogs/AutoLaunchDisabledDialog").I18n
     | import("ui/pages/launcher/LauncherDialogs/NoLongerBookmarkedDialog").I18n
     | import("ui/pages/launcher/RootFormComponent/formFields/shared/FormFieldWrapper").I18n
+    | import("ui/pages/launcher/RootFormComponent/ConfigurationTopLevelGroup").I18n
     | import("ui/pages/launcher/RootFormComponent/formFields/YamlCodeBlockFormField").I18n
     | import("ui/pages/launcher/RootFormComponent/formFields/TextFormField").I18n
     | import("ui/pages/launcher/RootFormComponent/formFields/NumberFormField").I18n

web/src/ui/pages/launcher/RootFormComponent/ConfigurationTopLevelGroup.tsx

@@ -11,6 +11,7 @@ import {
     createObjectThatThrowsIfAccessed,
     isObjectThatThrowIfAccessed
 } from "clean-architecture/createObjectThatThrowsIfAccessed";
+import { declareComponentKeys, useTranslation } from "ui/i18n";
 
 type Props = {
     className?: string;
@@ -24,6 +25,8 @@ export function ConfigurationTopLevelGroup(props: Props) {
 
     const { cx, classes } = useStyles();
 
+    const { t } = useTranslation({ ConfigurationTopLevelGroup });
+
     const { accordionEntries } = useMemo(() => {
         const { main_formFieldGroups, main_formFields } = (() => {
             const main_formFields: Exclude<FormField, FormField.YamlCodeBlock>[] = [];
@@ -57,7 +60,7 @@ export function ConfigurationTopLevelGroup(props: Props) {
                           helmValuesPath:
                               createObjectThatThrowsIfAccessed<(string | number)[]>(),
                           title: "global",
-                          description: "configuration that applies to all charts",
+                          description: t("Configuration that applies to all charts"),
                           canAdd: false,
                           canRemove: false,
                           nodes: global,
@@ -70,9 +73,8 @@ export function ConfigurationTopLevelGroup(props: Props) {
                       id<AccordionEntry>({
                           helmValuesPath:
                               createObjectThatThrowsIfAccessed<(string | number)[]>(),
-                          // TODO: i18n
-                          title: "miscellaneous",
-                          description: "Top level configuration values",
+                          title: t("miscellaneous"),
+                          description: t("Top level configuration values"),
                           canAdd: false,
                           canRemove: false,
                           nodes: main_formFields,
@@ -118,7 +120,7 @@ export function ConfigurationTopLevelGroup(props: Props) {
         ];
 
         return { accordionEntries };
-    }, [main]);
+    }, [main, t]);
 
     return (
         <div className={cx(classes.root, className)}>
@@ -162,3 +164,11 @@ const useStyles = tss.withName({ ConfigurationTopLevelGroup }).create(({ theme }
         overflow: "hidden"
     }
 }));
+
+const { i18n } = declareComponentKeys<
+    | "miscellaneous"
+    | "Configuration that applies to all charts"
+    | "Top level configuration values"
+>()({ ConfigurationTopLevelGroup });
+
+export type I18n = typeof i18n;