Show model deployments page

opendatahub-io · Jan 22, 2025 · 4a94791 · 4a94791
1 parent 0e9989e
commit 4a94791
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/frontend/src/app/AppRoutes.tsx b/frontend/src/app/AppRoutes.tsx
@@ -131,13 +131,9 @@ const AppRoutes: React.FC = () => {
           element={<ComingSoonPage title="Model overview" objectType={ProjectObjectType.model} />}
         />
         <Route path="/modelServing/*" element={<ModelServingRoutes />} />
+        <Route path="/modelRegistry" element={<ModelRegistryRoutes />} />
         <Route path="/modelRegistry/*" element={<ModelRegistryRoutes />} />
-        <Route
-          path="/deployedModels"
-          element={
-            <ComingSoonPage title="Deployed models" objectType={ProjectObjectType.modelServer} />
-          }
-        />
+        <Route path="/deployedModels" element={<ModelServingRoutes />} />
 
         <Route path={globPipelinesAll} element={<GlobalPipelinesRoutes />} />
         <Route path={globPipelineRunsAll} element={<GlobalPipelineRunsRoutes />} />

diff --git a/frontend/src/utilities/NavData.tsx b/frontend/src/utilities/NavData.tsx
@@ -71,17 +71,29 @@ const useDevelopAndTrainNav = (): NavDataItem[] => [
   },
 ];
 
-const useManageModelsNav = (): NavDataItem[] => [
-  {
-    id: 'manageModels',
-    group: { id: 'manageModels', label: 'Manage models', icon: <OutlinedAngryIcon /> },
-    children: [
-      { id: 'modelOverview', label: 'Model overview', href: '/modelOverview' },
-      { id: 'modelRegistry', label: 'Model registry', href: '/modelRegistry' },
-      { id: 'modelDeployments', label: 'Model deployments', href: '/deployedModels' },
-    ],
-  },
-];
+const useManageModelsNav = (): NavDataItem[] =>
+  useIsAreaAvailable(SupportedArea.MODEL_REGISTRY).status
+    ? [
+        {
+          id: 'manageModels',
+          group: { id: 'manageModels', label: 'Manage models', icon: <OutlinedAngryIcon /> },
+          children: [
+            { id: 'modelOverview', label: 'Model overview', href: '/modelOverview' },
+            { id: 'modelRegistry', label: 'Model registry', href: '/modelRegistry' },
+            { id: 'modelDeployments', label: 'Model deployments', href: '/deployedModels' },
+          ],
+        },
+      ]
+    : [
+        {
+          id: 'manageModels',
+          group: { id: 'manageModels', label: 'Manage models', icon: <OutlinedAngryIcon /> },
+          children: [
+            { id: 'modelOverview', label: 'Model overview', href: '/modelOverview' },
+            { id: 'modelDeployments', label: 'Model deployments', href: '/deployedModels' },
+          ],
+        },
+      ];
 
 const useAutomateNav = (): NavDataItem[] => [
   {