1 files changed, 15 insertions, 2 deletions
diff --git a/server/sonar-web/src/main/js/app/components/nav/settings/SettingsNav.tsx b/server/sonar-web/src/main/js/app/components/nav/settings/SettingsNav.tsx
index 49bb352fb63..4a983b4feed 100644
--- a/server/sonar-web/src/main/js/app/components/nav/settings/SettingsNav.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/settings/SettingsNav.tsx
@@ -21,11 +21,14 @@ import * as React from 'react';
 import * as classNames from 'classnames';
 import { IndexLink, Link } from 'react-router';
 import ContextNavBar from '../../../../components/nav/ContextNavBar';
+import SettingsEditionsNotifContainer from './SettingsEditionsNotifContainer';
 import NavBarTabs from '../../../../components/nav/NavBarTabs';
+import { EditionStatus } from '../../../../api/marketplace';
 import { Extension } from '../../../types';
 import { translate } from '../../../../helpers/l10n';
 
 interface Props {
+  editionStatus?: EditionStatus;
   extensions: Extension[];
   customOrganizations: boolean;
   location: {};
@@ -77,7 +80,7 @@ export default class SettingsNav extends React.PureComponent<Props> {
   };
 
   render() {
-    const { customOrganizations, extensions } = this.props;
+    const { customOrganizations, editionStatus, extensions } = this.props;
     const isSecurity = this.isSecurityActive();
     const isProjects = this.isProjectsActive();
     const isSystem = this.isSystemActive();
@@ -95,8 +98,18 @@ export default class SettingsNav extends React.PureComponent<Props> {
 
     const hasSupportExtension = extensionsWithoutSupport.length < extensions.length;
 
+    let notifComponent;
+    if (
+      editionStatus &&
+      (editionStatus.installError || editionStatus.installationStatus !== 'NONE')
+    ) {
+      notifComponent = <SettingsEditionsNotifContainer editionStatus={editionStatus} />;
+    }
     return (
-      <ContextNavBar id="context-navigation" height={65}>
+      <ContextNavBar
+        id="context-navigation"
+        height={notifComponent ? 95 : 65}
+        notif={notifComponent}>
         <h1 className="navbar-context-header">
           <strong>{translate('layout.settings')}</strong>
         </h1>