[RHOAIENG-4859] Fix for showing correct models in project overview

opendatahub-io · Apr 3, 2024 · 036f063 · 036f063
1 parent 42c0f11
commit 036f063
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/...pages/projects/screens/detail/overview/serverModels/deployedModels/DeployedModelsCard.tsx b/...pages/projects/screens/detail/overview/serverModels/deployedModels/DeployedModelsCard.tsx
@@ -17,7 +17,6 @@ import {
 } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
 import HeaderIcon from '~/concepts/design/HeaderIcon';
-import { ProjectDetailsContext } from '~/pages/projects/ProjectDetailsContext';
 import ModelServingContextProvider from '~/pages/modelServing/ModelServingContext';
 import { ProjectObjectType } from '~/concepts/design/utils';
 import TypeBorderedCard from '~/concepts/design/TypeBorderedCard';
@@ -30,10 +29,10 @@ enum FilterStates {
 
 interface DeployedModelsCardProps {
   isMultiPlatform: boolean;
+  namespace?: string;
 }
 
-const DeployedModelsCard: React.FC<DeployedModelsCardProps> = ({ isMultiPlatform }) => {
-  const { currentProject } = React.useContext(ProjectDetailsContext);
+const DeployedModelsCard: React.FC<DeployedModelsCardProps> = ({ isMultiPlatform, namespace }) => {
   const [filteredState, setFilteredState] = React.useState<FilterStates | undefined>();
 
   const renderError = (message?: string): React.ReactElement => (
@@ -92,10 +91,7 @@ const DeployedModelsCard: React.FC<DeployedModelsCardProps> = ({ isMultiPlatform
         </Flex>
       </CardHeader>
       <CardBody>
-        <ModelServingContextProvider
-          namespace={currentProject.metadata.namespace}
-          getErrorComponent={renderError}
-        >
+        <ModelServingContextProvider namespace={namespace} getErrorComponent={renderError}>
           <DeployedModelsGallery
             showSuccessful={!filteredState || filteredState === FilterStates.success}
             showFailed={!filteredState || filteredState === FilterStates.failed}

diff --git a/...es/projects/screens/detail/overview/serverModels/deployedModels/DeployedModelsSection.tsx b/...es/projects/screens/detail/overview/serverModels/deployedModels/DeployedModelsSection.tsx
@@ -69,7 +69,10 @@ const DeployedModelsSection: React.FC<DeployedModelsSectionProps> = ({ isMultiPl
       title="Serve models"
       data-testid="model-server-section"
     >
-      <DeployedModelsCard isMultiPlatform={isMultiPlatform} />
+      <DeployedModelsCard
+        isMultiPlatform={isMultiPlatform}
+        namespace={currentProject.metadata.name}
+      />
     </CollapsibleSection>
   );
 };