improve react usage (#1936)

* remove React.createClass

* remove react-addons-shallow-compare

* convert to functional components

* replace Component with PureComponent

* remove react-router-redux

* declare function components consistently

* fix quality flaws

* fix typo

* declare children prop consistently

* pass location to ComponentNavMenu

1 files changed, 9 insertions, 11 deletions

diff --git a/server/sonar-web/src/main/js/apps/about/components/AboutQualityGates.js b/server/sonar-web/src/main/js/apps/about/components/AboutQualityGates.js
index 6e49863472a..e83d8d77b95 100644
--- a/server/sonar-web/src/main/js/apps/about/components/AboutQualityGates.js
+++ b/server/sonar-web/src/main/js/apps/about/components/AboutQualityGates.js
@@ -23,16 +23,14 @@ import { translate } from '../../../helpers/l10n';
 
 const link = 'https://redirect.sonarsource.com/doc/quality-gates.html';
 
-export default class AboutQualityGates extends React.Component {
-  render() {
-    return (
-      <div className="boxed-group">
-        <h2>{translate('about_page.quality_gates')}</h2>
-        <div className="boxed-group-inner">
-          <p className="about-page-text">{translate('about_page.quality_gates.text')}</p>
-          <ReadMore link={link} />
-        </div>
+export default function AboutQualityGates() {
+  return (
+    <div className="boxed-group">
+      <h2>{translate('about_page.quality_gates')}</h2>
+      <div className="boxed-group-inner">
+        <p className="about-page-text">{translate('about_page.quality_gates.text')}</p>
+        <ReadMore link={link} />
       </div>
-    );
-  }
+    </div>
+  );
 }