SONAR-11037 Update icons for alm repository items in the project creationg page

diff --git a/server/sonar-web/src/main/js/apps/projects/create/AlmRepositoryItem.tsx b/server/sonar-web/src/main/js/apps/projects/create/AlmRepositoryItem.tsx
index 8e21b7111ae873de02222bd4c6aa01f4844e0245..e01c79c32dc8218cac7ff5ee40ac0c9115a548cd 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/create/AlmRepositoryItem.tsx
+++ b/server/sonar-web/src/main/js/apps/projects/create/AlmRepositoryItem.tsx
@@ -18,11 +18,12 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import * as React from 'react';
+import * as theme from '../../../app/theme';
 import Checkbox from '../../../components/controls/Checkbox';
+import CheckIcon from '../../../components/icons-components/CheckIcon';
 import { AlmRepository, IdentityProvider } from '../../../app/types';
 import { getBaseUrl } from '../../../helpers/urls';
 import { translate } from '../../../helpers/l10n';
-import CheckIcon from '../../../components/icons-components/CheckIcon';
 
 interface Props {
   identityProvider: IdentityProvider;
@@ -48,14 +49,14 @@ export default class AlmRepositoryItem extends React.PureComponent<Props> {
           alt={identityProvider.name}
           className="spacer-left"
           height={14}
-          src={getBaseUrl() + identityProvider.iconPath}
-          style={{ filter: alreadyImported ? 'invert(50%)' : 'invert(100%)' }}
+          src={`${getBaseUrl()}/images/sonarcloud/${identityProvider.key}.svg`}
+          style={{ opacity: alreadyImported ? 0.5 : 1 }}
           width={14}
         />
         <span className="spacer-left">{this.props.repository.label}</span>
         {alreadyImported && (
           <span className="big-spacer-left">
-            <CheckIcon className="little-spacer-right" />
+            <CheckIcon className="little-spacer-right" fill={theme.green} />
             {translate('onboarding.create_project.already_imported')}
           </span>
         )}

diff --git a/server/sonar-web/src/main/js/apps/projects/create/__tests__/__snapshots__/AlmRepositoryItem-test.tsx.snap b/server/sonar-web/src/main/js/apps/projects/create/__tests__/__snapshots__/AlmRepositoryItem-test.tsx.snap
index ad71bfc6e609b9e13c8a39c18f141ccf32ff896a..eddcbf0214b76338ea640be74a113a20ec35e00b 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/create/__tests__/__snapshots__/AlmRepositoryItem-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/projects/create/__tests__/__snapshots__/AlmRepositoryItem-test.tsx.snap
@@ -11,10 +11,10 @@ exports[`should render correctly 1`] = `
     alt="Foo Provider"
     className="spacer-left"
     height={14}
-    src="icon/path"
+    src="/images/sonarcloud/foo.svg"
     style={
       Object {
-        "filter": "invert(100%)",
+        "opacity": 1,
       }
     }
     width={14}
@@ -38,10 +38,10 @@ exports[`should render disabled 1`] = `
     alt="Foo Provider"
     className="spacer-left"
     height={14}
-    src="icon/path"
+    src="/images/sonarcloud/foo.svg"
     style={
       Object {
-        "filter": "invert(50%)",
+        "opacity": 0.5,
       }
     }
     width={14}
@@ -56,6 +56,7 @@ exports[`should render disabled 1`] = `
   >
     <CheckIcon
       className="little-spacer-right"
+      fill="#00aa00"
     />
     onboarding.create_project.already_imported
   </span>
@@ -73,10 +74,10 @@ exports[`should render selected 1`] = `
     alt="Foo Provider"
     className="spacer-left"
     height={14}
-    src="icon/path"
+    src="/images/sonarcloud/foo.svg"
     style={
       Object {
-        "filter": "invert(100%)",
+        "opacity": 1,
       }
     }
     width={14}