From 5808fddc3226098a1e4ed1d336fd75fd9fefd00f Mon Sep 17 00:00:00 2001
From: Jeffrey Phillips <jephilli@redhat.com>
Date: Wed, 3 Apr 2024 13:21:12 -0400
Subject: [PATCH] [RHOAIENG-5080] Update order of tabs on project page

---
 .../screens/detail/ProjectDetails.tsx         | 20 +++++++++----------
 .../configuration/ConfigurationSection.tsx    | 16 +++++++--------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/frontend/src/pages/projects/screens/detail/ProjectDetails.tsx b/frontend/src/pages/projects/screens/detail/ProjectDetails.tsx
index d0d4546c07..d6f4bc3728 100644
--- 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
index 4ea28811ad..507d530faf 100644
--- 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}`,
             )
           }
         />