SONAR-19613 Change project information menu style

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx b/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
index bab7b4e3e5dababa687e744ac859dd5b6feda565..a3a7111bc8f4941bf3b910e00ebadde095b347c0 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/Menu.tsx
@@ -21,7 +21,6 @@ import {
   DisabledTabLink,
   Dropdown,
   ItemNavLink,
-  Link,
   NavBarTabLink,
   NavBarTabs,
   PopupZLevel,
@@ -354,14 +353,10 @@ export class Menu extends React.PureComponent<Props> {
 
     return (
       (isProject || isApplication) && (
-        <li className="sw-body-md sw-pb-4">
-          <Link
-            ref={(node: HTMLAnchorElement | null) => (this.projectInfoLink = node)}
-            to={{ pathname: '/project/info', search: new URLSearchParams(query).toString() }}
-          >
-            {label}
-          </Link>
-        </li>
+        <NavBarTabLink
+          to={{ pathname: '/project/information', search: new URLSearchParams(query).toString() }}
+          text={label}
+        />
       )
     );
   };

diff --git a/server/sonar-web/src/main/js/apps/projectInformation/routes.tsx b/server/sonar-web/src/main/js/apps/projectInformation/routes.tsx
index 669de902ac8843b5aa3e6c842745988930270c30..8d8cecd0a9052b38be7c1b450fb6e8fae7c7478c 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projectInformation/routes.tsx
+++ b/server/sonar-web/src/main/js/apps/projectInformation/routes.tsx
@@ -21,6 +21,6 @@ import React from 'react';
 import { Route } from 'react-router-dom';
 import ProjectInformationApp from './ProjectInformationApp';
 
-const routes = () => <Route path="project/info" element={<ProjectInformationApp />} />;
+const routes = () => <Route path="project/information" element={<ProjectInformationApp />} />;
 
 export default routes;