From c13cb11bc9140ce482674ecfb59e756968c8c395 Mon Sep 17 00:00:00 2001
From: KirankumarAmbati <kiran.chinna12520@gmail.com>
Date: Wed, 25 Sep 2019 01:45:32 +0530
Subject: [PATCH] chore: fixed typos and grammar

---
 console/src/components/App/App.js                         | 8 +++-----
 console/src/components/Common/Button/Button.js            | 7 ++++---
 .../Common/QueryBuilderJson/QueryBuilderJson.js           | 4 ++--
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/console/src/components/App/App.js b/console/src/components/App/App.js
index a6a0f7e2b1f4a..f5b568a82ece2 100644
--- a/console/src/components/App/App.js
+++ b/console/src/components/App/App.js
@@ -53,11 +53,9 @@ class App extends Component {
       );
     }
 
-    if (telemetry.console_opts) {
-      if (!telemetry.console_opts.telemetryNotificationShown) {
-        dispatch(showTelemetryNotification());
-        dispatch(telemetryNotificationShown());
-      }
+    if (telemetry.console_opts && !telemetry.console_opts.telemetryNotificationShown) {
+      dispatch(showTelemetryNotification());
+      dispatch(telemetryNotificationShown());
     }
 
     return (
diff --git a/console/src/components/Common/Button/Button.js b/console/src/components/Common/Button/Button.js
index 6fc4ac790e459..0f124ae943044 100644
--- a/console/src/components/Common/Button/Button.js
+++ b/console/src/components/Common/Button/Button.js
@@ -2,10 +2,11 @@ import React from 'react';
 import styles from '../Common.scss';
 
 /*
-  This is a Button HOC that takes al the props supported by <button> and also
-  - color: (default: white) color of the button; currently supports yellow, red, green, gray, white
+  This is a Button HOC that takes all the props supported by <button>
+  - color(default: white): color of the button; currently supports yellow, red, green, gray and white
   - size: size of the button; currently supports xs (extra small), sm(small)
-  - className: although you can provide any CSS classname, it is recommended to use only the positioning related classes and not the ones that change the appearance (color, font, size) of the button
+  - className: although you can provide any CSS classname, it is recommended to use only the positioning related classes
+               and not the ones that change the appearance (color, font, size) of the button
 */
 
 const Button = props => {
diff --git a/console/src/components/Common/QueryBuilderJson/QueryBuilderJson.js b/console/src/components/Common/QueryBuilderJson/QueryBuilderJson.js
index c9e679b6c00e4..fc724640a552f 100644
--- a/console/src/components/Common/QueryBuilderJson/QueryBuilderJson.js
+++ b/console/src/components/Common/QueryBuilderJson/QueryBuilderJson.js
@@ -36,7 +36,7 @@ class QueryBuilderJson extends React.Component {
     };
 
     const isCustomJsonObject = object => {
-      // check if is array
+      // check if it is an array
       if (object instanceof Array) {
         // if empty array
         if (object.length === 0) {
@@ -68,7 +68,7 @@ class QueryBuilderJson extends React.Component {
         return true;
       }
 
-      // check if is object and not a React element
+      // check if it is an object and not a React element
       return object instanceof Object && !React.isValidElement(object);
     };