diff --git a/frontend/src/pages/home/aiFlows/ProjectsGallery.tsx b/frontend/src/pages/home/aiFlows/ProjectsGallery.tsx index fe9a87981f..f3fb4f07fb 100644 --- a/frontend/src/pages/home/aiFlows/ProjectsGallery.tsx +++ b/frontend/src/pages/home/aiFlows/ProjectsGallery.tsx @@ -5,6 +5,7 @@ import InfoGalleryItem from '~/concepts/design/InfoGalleryItem'; import { SupportedArea } from '~/concepts/areas'; import useIsAreaAvailable from '~/concepts/areas/useIsAreaAvailable'; import useServingPlatformStatuses from '~/pages/modelServing/useServingPlatformStatuses'; +import useConnectionTypesEnabled from '~/concepts/connectionTypes/useConnectionTypesEnabled'; import InfoGallery from './InfoGallery'; const ProjectsGallery: React.FC<{ onClose: () => void }> = ({ onClose }) => { @@ -12,6 +13,7 @@ const ProjectsGallery: React.FC<{ onClose: () => void }> = ({ onClose }) => { const { status: modelServingAvailable } = useIsAreaAvailable(SupportedArea.MODEL_SERVING); const servingPlatformStatuses = useServingPlatformStatuses(); const modelMeshEnabled = servingPlatformStatuses.modelMesh.enabled; + const connectionTypesEnabled = useConnectionTypesEnabled(); const getProjectDescriptionAdditionalText = () => { if (pipelinesAvailable && modelServingAvailable) { @@ -66,24 +68,43 @@ const ProjectsGallery: React.FC<{ onClose: () => void }> = ({ onClose }) => { } isOpen />, - - - Connections enable you to store and retrieve information that typically should not be - stored in code. For example, you can store details (including credentials) for object - storage, databases, and more. You can then attach the connections to artifacts in your - project, such as workbenches and model servers. - - - } - isOpen - />, + connectionTypesEnabled ? ( + + + Connections enable you to store and retrieve information that typically should not be + stored in code. For example, you can store details (including credentials) for object + storage, databases, and more. You can then attach the connections to artifacts in your + project, such as workbenches and model servers. + + + } + isOpen + /> + ) : ( + + + You can add data connections to link your project and its workbenches to data sources, + and to object storage buckets which save data and models that you want to deploy. + + + } + isOpen + /> + ), { const [open, setOpen] = React.useState(true); const { currentProject } = React.useContext(ProjectDetailsContext); const projectSharingEnabled = useIsAreaAvailable(SupportedArea.DS_PROJECTS_PERMISSIONS).status; + const connectionTypesEnabled = useConnectionTypesEnabled(); const [allowCreate, rbacLoaded] = useAccessReview({ ...accessReviewResource, namespace: currentProject.metadata.name, @@ -69,27 +71,50 @@ const ConfigurationSection: React.FC = () => { ) } /> - - - Connections enable you to store and retrieve information that typically should not - be stored in code. For example, you can store details (including credentials) for - object storage, databases, and more. You can then attach the connections to - artifacts in your project, such as workbenches and model servers. - - - } - isOpen={open} - onClick={() => - navigate( - `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.CONNECTIONS}`, - ) - } - /> + {connectionTypesEnabled ? ( + + + Connections enable you to store and retrieve information that typically should not + be stored in code. For example, you can store details (including credentials) for + object storage, databases, and more. You can then attach the connections to + artifacts in your project, such as workbenches and model servers. + + + } + isOpen={open} + onClick={() => + navigate( + `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.CONNECTIONS}`, + ) + } + /> + ) : ( + + + You can add data connections to workbenches to connect your project to data inputs + and object storage buckets. You can also use data connections to specify the + location of your models during deployment. + + + } + isOpen={open} + onClick={() => + navigate( + `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.DATA_CONNECTIONS}`, + ) + } + /> + )} {showPermissions ? (