SONAR-19751 Change icon color for the dir and file facets

diff --git a/server/sonar-web/src/main/js/apps/issues/sidebar/DirectoryFacet.tsx b/server/sonar-web/src/main/js/apps/issues/sidebar/DirectoryFacet.tsx
index 5b685f2cde241fc89d8948ce5ab9619ac37f0d5c..4f8bdff5c9bc2177136390774b6d83db0a2afa9b 100644 (file)
--- a/server/sonar-web/src/main/js/apps/issues/sidebar/DirectoryFacet.tsx
+++ b/server/sonar-web/src/main/js/apps/issues/sidebar/DirectoryFacet.tsx
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 
-import { DirectoryIcon } from 'design-system';
+import { QualifierIcon } from 'design-system';
 import { omit } from 'lodash';
 import * as React from 'react';
 import { getDirectories } from '../../../api/components';
@@ -82,7 +82,7 @@ export class DirectoryFacet extends React.PureComponent<Props> {
 
   renderDirectory = (directory: React.ReactNode) => (
     <>
-      <DirectoryIcon className="sw-mr-1" />
+      <QualifierIcon qualifier="dir" className="sw-mr-1" />
 
       {directory}
     </>

diff --git a/server/sonar-web/src/main/js/apps/issues/sidebar/FileFacet.tsx b/server/sonar-web/src/main/js/apps/issues/sidebar/FileFacet.tsx
index d3968c2130bb80e57ba12b0c82311204969869e2..979d2a94176922c3ffa4b3f9de03a05f76fc2a8b 100644 (file)
--- a/server/sonar-web/src/main/js/apps/issues/sidebar/FileFacet.tsx
+++ b/server/sonar-web/src/main/js/apps/issues/sidebar/FileFacet.tsx
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 
-import { FileIcon } from 'design-system';
+import { QualifierIcon } from 'design-system';
 import { omit } from 'lodash';
 import * as React from 'react';
 import { getFiles } from '../../../api/components';
@@ -89,7 +89,7 @@ export class FileFacet extends React.PureComponent<Props> {
 
   renderFile = (file: React.ReactNode) => (
     <>
-      <FileIcon className="sw-mr-1" />
+      <QualifierIcon qualifier="fil" className="sw-mr-1" />
 
       {file}
     </>