From 38ef0887b448e1c96b84b1631c293d553da39cb1 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Mon, 4 Sep 2017 16:36:24 +0200
Subject: [PATCH] SONAR-9736 change color of help icon

---
 .../nav/component/ComponentNavBranch.tsx           |  6 +++---
 .../__snapshots__/ComponentNavBranch-test.tsx.snap |  5 +----
 .../icons-components/{HelpIcon.js => HelpIcon.tsx} | 14 +++++++-------
 3 files changed, 11 insertions(+), 14 deletions(-)
 rename server/sonar-web/src/main/js/components/icons-components/{HelpIcon.js => HelpIcon.tsx} (94%)

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranch.tsx b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranch.tsx
index cad8419bc56..93961a70548 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranch.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranch.tsx
@@ -146,7 +146,7 @@ export default class ComponentNavBranch extends React.PureComponent<Props, State
   renderSingleBranchPopup = () =>
     <div className="display-inline-block spacer-left">
       <a className="link-no-underline" href="#" onClick={this.handleSingleBranchClick}>
-        <HelpIcon className="" fill="#cdcdcd" />
+        <HelpIcon fill="#4b9fd5" />
       </a>
       <BubblePopupHelper
         isOpen={this.state.singleBranchPopupOpen}
@@ -159,7 +159,7 @@ export default class ComponentNavBranch extends React.PureComponent<Props, State
   renderNoBranchSupportPopup = () =>
     <div className="display-inline-block spacer-left">
       <a className="link-no-underline" href="#" onClick={this.handleNoBranchSupportClick}>
-        <HelpIcon className="" fill="#cdcdcd" />
+        <HelpIcon fill="#cdcdcd" />
       </a>
       <BubblePopupHelper
         isOpen={this.state.noBranchSupportPopupOpen}
@@ -187,7 +187,7 @@ export default class ComponentNavBranch extends React.PureComponent<Props, State
     if (branches.length < 2) {
       return (
         <div className="navbar-context-branches">
-          <BranchIcon branch={currentBranch} className="little-spacer-right" color="#cdcdcd" />
+          <BranchIcon branch={currentBranch} className="little-spacer-right" />
           <span className="note">
             {currentBranch.name}
           </span>
diff --git a/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranch-test.tsx.snap b/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranch-test.tsx.snap
index 85f4f20a64d..96442ba36f1 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranch-test.tsx.snap
+++ b/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranch-test.tsx.snap
@@ -54,7 +54,6 @@ exports[`renders no branch support popup 1`] = `
       onClick={[Function]}
     >
       <HelpIcon
-        className=""
         fill="#cdcdcd"
       />
     </a>
@@ -122,7 +121,6 @@ exports[`renders single branch popup 1`] = `
       }
     }
     className="little-spacer-right"
-    color="#cdcdcd"
   />
   <span
     className="note"
@@ -138,8 +136,7 @@ exports[`renders single branch popup 1`] = `
       onClick={[Function]}
     >
       <HelpIcon
-        className=""
-        fill="#cdcdcd"
+        fill="#4b9fd5"
       />
     </a>
     <BubblePopupHelper
diff --git a/server/sonar-web/src/main/js/components/icons-components/HelpIcon.js b/server/sonar-web/src/main/js/components/icons-components/HelpIcon.tsx
similarity index 94%
rename from server/sonar-web/src/main/js/components/icons-components/HelpIcon.js
rename to server/sonar-web/src/main/js/components/icons-components/HelpIcon.tsx
index a0aed559a65..5097fde124e 100644
--- a/server/sonar-web/src/main/js/components/icons-components/HelpIcon.js
+++ b/server/sonar-web/src/main/js/components/icons-components/HelpIcon.tsx
@@ -17,15 +17,15 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-// @flow
-import React from 'react';
+import * as React from 'react';
 
-/*::
-type Props = { className?: string, fill?: string, size?: number };
-*/
+interface Props {
+  className?: string;
+  fill?: string;
+  size?: number;
+}
 
-export default function HelpIcon({ className, fill = 'currentColor', size = 16 } /*: Props */) {
-  /* eslint-disable max-len */
+export default function HelpIcon({ className, fill = 'currentColor', size = 16 }: Props) {
   return (
     <svg className={className} viewBox="0 0 16 16" width={size} height={size}>
       <g transform="matrix(0.0364583,0,0,0.0364583,1,-0.166667)">
-- 
2.39.5