Pass helpText prop to Nexus Form

src/lib/i18n/locales/en/nexus.ts

@@ -35,7 +35,7 @@ export const Strings = {
   'endpoint-name-hint':
     'Endpoint name must start with A-Z, a-z or _ and can only contain A-Z, a-z, 0-9, or _',
   'endpoint-name-hint-with-dash':
-    'Endpoint name must start with A-Z, a-z or _ and can only contain A-Z, a-z, 0-9, _ or -',
+    'Endpoint name must start with A-Z or a-z and can only contain A-Z, a-z, 0-9 or -',
   'access-policy': 'Access Policy',
   'allowed-caller-namespaces': 'Allowed caller namespaces',
   'allowed-caller-namespaces-description':

src/lib/pages/nexus-create-endpoint.svelte

@@ -15,6 +15,7 @@
   export let loading = false;
   export let isCloud = false;
   export let nameRegexPattern: RegExp = /^[A-Za-z_][A-Za-z0-9_]*$/;
+  export let nameHintText = translate('nexus.endpoint-name-hint');
 
   $: createDisabled =
     $endpointForm.spec.name === '' ||
@@ -33,6 +34,7 @@
   </h1>
   <NexusForm
     {nameRegexPattern}
+    {nameHintText}
     {error}
     {targetNamespaceList}
     {callerNamespaceList}

src/lib/pages/nexus-edit-endpoint.svelte

@@ -21,6 +21,7 @@
   export let loading = false;
   export let isCloud = false;
   export let nameRegexPattern: RegExp = /^[A-Za-z_][A-Za-z0-9_]*$/;
+  export let nameHintText = translate('nexus.endpoint-name-hint');
 
   let deleteConfirmationModalOpen = false;
   let confirmDeleteInput = '';
@@ -50,6 +51,7 @@
   </div>
   <NexusForm
     {endpoint}
+    {nameHintText}
     {nameRegexPattern}
     {targetNamespaceList}
     {callerNamespaceList}

src/lib/pages/nexus-form.svelte

@@ -39,7 +39,7 @@
   export let error: NetworkError | undefined = undefined;
   export let nameDisabled = false;
   export let isCloud = true;
-  export let nameHintText = translate('nexus.endpoint-name-hint');
+  export let nameHintText: string;
   export let nameRegexPattern: RegExp;
 
   let name = endpoint?.spec?.name || '';