fix(namespace): update no registries text [EE-2226] (#10501)

Co-authored-by: testa113 <testa113>

app/kubernetes/react/components/index.ts

@@ -76,7 +76,12 @@ export const ngModule = angular
   )
   .component(
     'createNamespaceRegistriesSelector',
-    r2a(RegistriesSelector, ['inputId', 'onChange', 'options', 'value'])
+    r2a(withUIRouter(withReactQuery(withCurrentUser(RegistriesSelector))), [
+      'inputId',
+      'onChange',
+      'options',
+      'value',
+    ])
   )
   .component(
     'kubeNodesDatatable',

app/react/kubernetes/namespaces/components/RegistriesFormSection/RegistriesSelector.tsx

@@ -1,8 +1,10 @@
 import { MultiValue } from 'react-select';
 
 import { Registry } from '@/react/portainer/registries/types';
+import { useCurrentUser } from '@/react/hooks/useUser';
 
 import { Select } from '@@/form-components/ReactSelect';
+import { Link } from '@@/Link';
 
 interface Props {
   value: MultiValue<Registry>;
@@ -17,18 +19,40 @@ export function RegistriesSelector({
   options,
   inputId,
 }: Props) {
+  const { isAdmin } = useCurrentUser();
+
   return (
-    <Select
+    <>
-      isMulti
+      {options.length === 0 && (
-      getOptionLabel={(option) => option.Name}
+        <p className="text-muted text-xs mb-1 mt-2">
-      getOptionValue={(option) => String(option.Id)}
+          {isAdmin ? (
-      options={options}
+            <span>
-      value={value}
+              No registries available. Head over to the{' '}
-      closeMenuOnSelect={false}
+              <Link to="portainer.registries" target="_blank">
-      onChange={onChange}
+                registry view
-      inputId={inputId}
+              </Link>{' '}
-      data-cy="namespaceCreate-registrySelect"
+              to define a container registry.
-      placeholder="Select one or more registries"
+            </span>
-    />
+          ) : (
+            <span>
+              No registries available. Contact your administrator to create a
+              container registry.
+            </span>
+          )}
+        </p>
+      )}
+      <Select
+        isMulti
+        getOptionLabel={(option) => option.Name}
+        getOptionValue={(option) => String(option.Id)}
+        options={options}
+        value={value}
+        closeMenuOnSelect={false}
+        onChange={onChange}
+        inputId={inputId}
+        data-cy="namespaceCreate-registrySelect"
+        placeholder="Select one or more registries"
+      />
+    </>
   );
 }