changed selector icon and updated mod-arch packages (kubeflow#2286)

* changed selector icon and updated mod-arch packages

Signed-off-by: rsun19 <robertssun1234@gmail.com>

* changed icon size

Signed-off-by: rsun19 <robertssun1234@gmail.com>

---------

Signed-off-by: rsun19 <robertssun1234@gmail.com>

Author: rsun19

clients/ui/frontend/package-lock.json

@@ -100,9 +100,9 @@
     "classnames": "^2.2.6",
     "dompurify": "^3.2.4",
     "lodash-es": "^4.17.23",
-    "mod-arch-core": "~1.2.2",
-    "mod-arch-kubeflow": "~1.2.2",
-    "mod-arch-shared": "~1.2.2",
+    "mod-arch-core": "~1.8.2",
+    "mod-arch-kubeflow": "~1.8.2",
+    "mod-arch-shared": "~1.8.2",
     "react": "^18",
     "react-dom": "^18",
     "react-markdown": "^10.1.0",

clients/ui/frontend/package.json

@@ -15,12 +15,14 @@ import {
 } from '@patternfly/react-core';
 import text from '@patternfly/react-styles/css/utilities/Text/text';
 import truncateStyles from '@patternfly/react-styles/css/components/Truncate/truncate';
-import { InfoCircleIcon, BlueprintIcon } from '@patternfly/react-icons';
+import { InfoCircleIcon } from '@patternfly/react-icons';
 import {
   WhosMyAdministrator,
   KubeflowDocs,
   SimpleSelect,
   InlineTruncatedClipboardCopy,
+  TypedObjectIcon,
+  ProjectObjectType,
 } from 'mod-arch-shared';
 import { useBrowserStorage } from 'mod-arch-core';
 import { useThemeContext } from 'mod-arch-kubeflow';
@@ -147,11 +149,9 @@ const ModelRegistrySelector: React.FC<ModelRegistrySelectorProps> = ({
 
   return (
     <Flex spaceItems={{ default: 'spaceItemsSm' }} alignItems={{ default: 'alignItemsCenter' }}>
-      <FlexItem>
-        <Icon>
-          <BlueprintIcon />
-        </Icon>
-      </FlexItem>
+      <Icon iconSize="xl" isInline>
+        <TypedObjectIcon resourceType={ProjectObjectType.modelRegistryNavigator} />
+      </Icon>
       <FlexItem>
         <Bullseye>Model registry</Bullseye>
       </FlexItem>

clients/ui/frontend/src/app/pages/modelRegistry/screens/ModelRegistrySelector.tsx

@@ -72,6 +72,7 @@ describe('NavBar mandatory namespace functionality', () => {
       namespaces: [{ name: mandatoryNamespace }],
       preferredNamespace: { name: mandatoryNamespace },
       updatePreferredNamespace: jest.fn(),
+      clearStoredNamespace: jest.fn(),
       namespacesLoaded: true,
       namespacesLoadError: undefined,
       initializationError: undefined,
@@ -101,6 +102,7 @@ describe('NavBar mandatory namespace functionality', () => {
       namespaces: mockNamespaces,
       preferredNamespace: { name: 'namespace-1' },
       updatePreferredNamespace: jest.fn(),
+      clearStoredNamespace: jest.fn(),
       namespacesLoaded: true,
       namespacesLoadError: undefined,
       initializationError: undefined,