[RHOAIENG-5080] Update order of tabs on project page

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

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/frontend/src/pages/projects/screens/detail/ProjectDetails.tsx b/frontend/src/pages/projects/screens/detail/ProjectDetails.tsx
@@ -41,16 +41,6 @@ const ProjectDetails: React.FC = () => {
       sections={[
         { id: ProjectSectionID.OVERVIEW, title: 'Overview', component: <ProjectOverview /> },
         { id: ProjectSectionID.WORKBENCHES, title: 'Workbenches', component: <NotebookList /> },
-        {
-          id: ProjectSectionID.CLUSTER_STORAGES,
-          title: 'Cluster storage',
-          component: <StorageList />,
-        },
-        {
-          id: ProjectSectionID.DATA_CONNECTIONS,
-          title: 'Data connections',
-          component: <DataConnectionsList />,
-        },
         ...(pipelinesEnabled
           ? [
               {
@@ -69,6 +59,16 @@ const ProjectDetails: React.FC = () => {
               },
             ]
           : []),
+        {
+          id: ProjectSectionID.CLUSTER_STORAGES,
+          title: 'Cluster storage',
+          component: <StorageList />,
+        },
+        {
+          id: ProjectSectionID.DATA_CONNECTIONS,
+          title: 'Data connections',
+          component: <DataConnectionsList />,
+        },
         ...(projectSharingEnabled
           ? [
               {

diff --git a/frontend/src/pages/projects/screens/detail/overview/configuration/ConfigurationSection.tsx b/frontend/src/pages/projects/screens/detail/overview/configuration/ConfigurationSection.tsx
@@ -35,13 +35,13 @@ const ConfigurationSection: React.FC = () => {
       >
         <InfoGalleryItem
           sectionType={SectionType.setup}
-          title="Permissions"
-          imgSrc={typedObjectImage(ProjectObjectType.group)}
-          description="Add users and groups to share access to your project."
+          imgSrc={typedObjectImage(ProjectObjectType.clusterStorage)}
+          title="Cluster storage"
+          description="To save your project data, you can add cluster storage and optionally connect the storage to a workbench."
           isOpen={open}
           onClick={() =>
             navigate(
-              `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.PERMISSIONS}`,
+              `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.CLUSTER_STORAGES}`,
             )
           }
         />
@@ -59,13 +59,13 @@ const ConfigurationSection: React.FC = () => {
         />
         <InfoGalleryItem
           sectionType={SectionType.setup}
-          imgSrc={typedObjectImage(ProjectObjectType.clusterStorage)}
-          title="Cluster storage"
-          description="To save your project data, you can add cluster storage and optionally connect the storage to a workbench."
+          title="Permissions"
+          imgSrc={typedObjectImage(ProjectObjectType.group)}
+          description="Add users and groups to share access to your project."
           isOpen={open}
           onClick={() =>
             navigate(
-              `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.CLUSTER_STORAGES}`,
+              `/projects/${currentProject.metadata.name}?section=${ProjectSectionID.PERMISSIONS}`,
             )
           }
         />