From: guillaume-peoch-sonarsource <guillaume.peoch@sonarsource.com>
Date: Tue, 19 Dec 2023 14:24:33 +0000 (+0100)
Subject: SONAR-21244 add Gitlab logo near Gitlab managed groups
X-Git-Tag: 10.4.0.87286~256
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=9a2376fc69892ece076d123cedbb0811173df8e1;p=sonarqube.git

SONAR-21244 add Gitlab logo near Gitlab managed groups
---

diff --git a/server/sonar-web/src/main/js/apps/groups/GroupsApp.tsx b/server/sonar-web/src/main/js/apps/groups/GroupsApp.tsx
index d041a45e106..24cbae5c7c6 100644
--- a/server/sonar-web/src/main/js/apps/groups/GroupsApp.tsx
+++ b/server/sonar-web/src/main/js/apps/groups/GroupsApp.tsx
@@ -21,6 +21,7 @@ import * as React from 'react';
 import { useState } from 'react';
 import { Helmet } from 'react-helmet-async';
 import GitHubSynchronisationWarning from '../../app/components/GitHubSynchronisationWarning';
+import GitLabSynchronisationWarning from '../../app/components/GitLabSynchronisationWarning';
 import ListFooter from '../../components/controls/ListFooter';
 import { ManagedFilter } from '../../components/controls/ManagedFilter';
 import SearchBox from '../../components/controls/SearchBox';
@@ -52,6 +53,7 @@ export default function GroupsApp() {
       <main className="page page-limited" id="groups-page">
         <Header manageProvider={manageProvider?.provider} />
         {manageProvider?.provider === Provider.Github && <GitHubSynchronisationWarning short />}
+        {manageProvider?.provider === Provider.Gitlab && <GitLabSynchronisationWarning short />}
 
         <div className="display-flex-justify-start big-spacer-bottom big-spacer-top">
           <ManagedFilter
diff --git a/server/sonar-web/src/main/js/apps/groups/components/ListItem.tsx b/server/sonar-web/src/main/js/apps/groups/components/ListItem.tsx
index 8b35206f5a6..d0a6b8f6c60 100644
--- a/server/sonar-web/src/main/js/apps/groups/components/ListItem.tsx
+++ b/server/sonar-web/src/main/js/apps/groups/components/ListItem.tsx
@@ -54,8 +54,19 @@ export default function ListItem(props: ListItemProps) {
     return isManaged() && !managed;
   };
 
-  const isGithubGroup = () => {
-    return manageProvider === Provider.Github && managed;
+  const renderIdentityProviderIcon = (identityProvider: Provider | undefined) => {
+    if (identityProvider === undefined || identityProvider === Provider.Scim) {
+      return null;
+    }
+
+    return (
+      <img
+        alt={identityProvider}
+        className="spacer-left spacer-right"
+        height={16}
+        src={`${getBaseUrl()}/images/alm/${identityProvider}.svg`}
+      />
+    );
   };
 
   return (
@@ -63,14 +74,7 @@ export default function ListItem(props: ListItemProps) {
       <td className="width-20" headers="list-group-name">
         <b>{name}</b>
         {group.default && <span className="little-spacer-left">({translate('default')})</span>}
-        {isGithubGroup() && (
-          <img
-            alt="github"
-            className="spacer-left spacer-right"
-            height={16}
-            src={`${getBaseUrl()}/images/alm/github.svg`}
-          />
-        )}
+        {managed && renderIdentityProviderIcon(manageProvider)}
         {isGroupLocal() && <span className="little-spacer-left badge">{translate('local')}</span>}
       </td>