From 3cae4b8d610dfdcc6796050826914616498015d8 Mon Sep 17 00:00:00 2001
From: oskar-binary <oskar@binary.com>
Date: Fri, 30 Aug 2019 15:44:19 +0800
Subject: [PATCH] fix linter errors

---
 .../MenuAccordion/menu-accordion-headers.jsx  | 14 +++++++-----
 .../Elements/MenuAccordion/menu-accordion.jsx |  2 +-
 .../VerticalTabs/vertical-tab-header.jsx      | 10 ++++-----
 .../VerticalTabs/vertical-tab-headers.jsx     | 22 +++++++++----------
 .../VerticalTabs/vertical-tab-layout.jsx      | 10 +++++----
 .../VerticalTabs/vertical-tab-wrapper.jsx     |  2 +-
 .../AccountManagement/icon-security.jsx       | 10 ++++-----
 .../AccountManagement/icon-verification.jsx   |  8 +++----
 .../src/Assets/Header/NavBar/icon-user.jsx    |  8 +++----
 packages/trader/src/Assets/icon.jsx           |  4 ++--
 10 files changed, 48 insertions(+), 42 deletions(-)

diff --git a/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion-headers.jsx b/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion-headers.jsx
index 1c1104847f76..8034de16fa9b 100644
--- a/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion-headers.jsx
+++ b/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion-headers.jsx
@@ -9,7 +9,7 @@ import {
 class MenuAccordionHeaders extends React.PureComponent {
     state = {
         is_active_tab_open: true,
-        selected_tab      : this.props.items[0].label
+        selected_tab      : this.props.items[0].label,
     }
 
     handleAccordion = (selected) => {
@@ -37,9 +37,12 @@ class MenuAccordionHeaders extends React.PureComponent {
                         <div key={idx}>
                             <div>
                                 <VerticalTabHeader item={item} onChange={this.handleAccordion} >
-                                    <Icon icon='IconChevronRight' className={classNames('dt_accordion-chevron', {
-                                        'dt_accordion-chevron--show': show_sub_tab_list, // this.state.is_active_tab_open,
-                                    })} />
+                                    <Icon
+                                        icon='IconChevronRight'
+                                        className={classNames('dt_accordion-chevron', {
+                                            'dt_accordion-chevron--show': show_sub_tab_list,
+                                        })}
+                                    />
                                 </VerticalTabHeader>
                             </div>
                             {show_sub_tab_list && (
@@ -50,7 +53,8 @@ class MenuAccordionHeaders extends React.PureComponent {
                                 />
                             )}
                         </div>
-                    )}
+                    );
+                }
                 )}
             </VerticalTabWrapper>
         );
diff --git a/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion.jsx b/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion.jsx
index 3f0287c0862a..09aa97a040c6 100644
--- a/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion.jsx
+++ b/packages/trader/src/App/Components/Elements/MenuAccordion/menu-accordion.jsx
@@ -21,7 +21,7 @@ class MenuAccordion extends React.PureComponent {
 
         return (
             <VerticalTabLayout is_full_width={is_full_width}>
-                <MenuAccordionHeaders 
+                <MenuAccordionHeaders
                     items={list}
                     onChange={this.changeSelectedContent}
                     selected={selected_content}
diff --git a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-header.jsx b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-header.jsx
index 6505477a99e8..e2d995592798 100644
--- a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-header.jsx
+++ b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-header.jsx
@@ -10,7 +10,7 @@ const HeaderIcon = ({ icon, is_active }) => (
             'vertical-tab__header__icon--active': is_active,
         })}
     />
-)
+);
 
 const Header = ({ text }) => <div className='vertical-tab__header__link'>{text}</div>;
 
@@ -35,7 +35,7 @@ const VerticalTabHeader = ({ children, is_routed, item, onChange, selected }) =>
             >
                 <HeaderIcon icon={item.icon} is_active={is_active} />
                 <Header text={label} />
-                    {children}
+                {children}
             </NavLink>
             :
             <div
@@ -49,9 +49,9 @@ const VerticalTabHeader = ({ children, is_routed, item, onChange, selected }) =>
             >
                 <HeaderIcon icon={item.icon} is_active={is_active} />
                 <Header text={label} />
-                    {children}
+                {children}
             </div>
     );
-}
+};
 
-export { VerticalTabHeader }
\ No newline at end of file
+export { VerticalTabHeader };
diff --git a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-headers.jsx b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-headers.jsx
index f4e603272066..e57390bd9927 100644
--- a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-headers.jsx
+++ b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-headers.jsx
@@ -1,6 +1,6 @@
-import React       from 'react';
-import { VerticalTabWrapper } from './vertical-tab-wrapper';
-import { VerticalTabHeader } from './vertical-tab-header';
+import React                  from 'react';
+import { VerticalTabWrapper } from './vertical-tab-wrapper.jsx';
+import { VerticalTabHeader }  from './vertical-tab-header.jsx';
 
 class VerticalTabHeaders extends React.PureComponent {
     render() {
@@ -13,14 +13,14 @@ class VerticalTabHeaders extends React.PureComponent {
                 }
 
                 {this.props.items.map(item => (
-                        <VerticalTabHeader
-                            item={item}
-                            onChange={this.props.onChange} 
-                            is_routed={this.props.is_routed}
-                            selected={this.props.selected}
-                            key={item.label}
-                        />
-                    )
+                    <VerticalTabHeader
+                        item={item}
+                        onChange={this.props.onChange}
+                        is_routed={this.props.is_routed}
+                        selected={this.props.selected}
+                        key={item.label}
+                    />
+                )
                 )}
             </VerticalTabWrapper>
         );
diff --git a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-layout.jsx b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-layout.jsx
index d0c22af6eb0b..d018b59fd860 100644
--- a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-layout.jsx
+++ b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-layout.jsx
@@ -2,11 +2,13 @@ import React      from 'react';
 import classNames from 'classnames';
 
 const VerticalTabLayout = ({ children, is_full_width }) => (
-    <div className={classNames('vertical-tab', {
-        'vertical-tab--full-screen': is_full_width,
-    })}>
+    <div
+        className={classNames('vertical-tab', {
+            'vertical-tab--full-screen': is_full_width,
+        })}
+    >
         {children}
     </div>
 );
 
-export { VerticalTabLayout }
\ No newline at end of file
+export { VerticalTabLayout };
diff --git a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-wrapper.jsx b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-wrapper.jsx
index 9901a3bbd2bb..335982ab0c69 100644
--- a/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-wrapper.jsx
+++ b/packages/trader/src/App/Components/Elements/VerticalTabs/vertical-tab-wrapper.jsx
@@ -6,4 +6,4 @@ const VerticalTabWrapper = ({ children }) => (
     </div>
 );
 
-export { VerticalTabWrapper }
\ No newline at end of file
+export { VerticalTabWrapper };
diff --git a/packages/trader/src/Assets/AccountManagement/icon-security.jsx b/packages/trader/src/Assets/AccountManagement/icon-security.jsx
index 46e027535bd2..7a16e2638134 100644
--- a/packages/trader/src/Assets/AccountManagement/icon-security.jsx
+++ b/packages/trader/src/Assets/AccountManagement/icon-security.jsx
@@ -4,11 +4,11 @@ import React      from 'react';
 
 const IconSecurity = ({ className }) => (
     <svg className={classNames('inline-icon', className)} width='16' height='16' viewBox='0 0 16 16'>
-        <g fill="#333" fillRule="evenodd">
-            <path d="M7 6V5a1 1 0 1 1 2 0v1a.5.5 0 1 0 1 0V5a2 2 0 1 0-4 0v1a.5.5 0 1 0 1 0zM10 8v3H6V8h4zm0-1H6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z"/>
-            <circle cx="8" cy="9.001" r="1"/>
-            <rect width="1" height="1.08" x="7.75" y="9.181" rx=".25"/>
-            <path d="M8 0v1a7.79 7.79 0 0 0 5.23 2.16.71.71 0 0 1 .69.68v.51a16.19 16.19 0 0 1-.66 6A7.08 7.08 0 0 1 11.58 13a9.36 9.36 0 0 1-3.48 2h-.17a9.53 9.53 0 0 1-3.52-2 7 7 0 0 1-1.73-2.64A16.08 16.08 0 0 1 2 4.38v-.53a.71.71 0 0 1 .69-.68A7.79 7.79 0 0 0 8 1V0zm0 0a1.05 1.05 0 0 0-.71.27 6.79 6.79 0 0 1-4.61 1.9A1.71 1.71 0 0 0 1 3.83v.5a16.9 16.9 0 0 0 .72 6.33 8.1 8.1 0 0 0 2 3 10.51 10.51 0 0 0 3.89 2.24h.16L8 16h.38a10.61 10.61 0 0 0 3.88-2.24 8 8 0 0 0 2-3A16.93 16.93 0 0 0 15 4.34v-.5a1.71 1.71 0 0 0-1.64-1.66A6.79 6.79 0 0 1 8.73.28 1 1 0 0 0 8 0z"/>
+        <g fill='#333' fillRule='evenodd'>
+            <path d='M7 6V5a1 1 0 1 1 2 0v1a.5.5 0 1 0 1 0V5a2 2 0 1 0-4 0v1a.5.5 0 1 0 1 0zM10 8v3H6V8h4zm0-1H6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z' />
+            <circle cx='8' cy='9.001' r='1' />
+            <rect width='1' height='1.08' x='7.75' y='9.181' rx='.25' />
+            <path d='M8 0v1a7.79 7.79 0 0 0 5.23 2.16.71.71 0 0 1 .69.68v.51a16.19 16.19 0 0 1-.66 6A7.08 7.08 0 0 1 11.58 13a9.36 9.36 0 0 1-3.48 2h-.17a9.53 9.53 0 0 1-3.52-2 7 7 0 0 1-1.73-2.64A16.08 16.08 0 0 1 2 4.38v-.53a.71.71 0 0 1 .69-.68A7.79 7.79 0 0 0 8 1V0zm0 0a1.05 1.05 0 0 0-.71.27 6.79 6.79 0 0 1-4.61 1.9A1.71 1.71 0 0 0 1 3.83v.5a16.9 16.9 0 0 0 .72 6.33 8.1 8.1 0 0 0 2 3 10.51 10.51 0 0 0 3.89 2.24h.16L8 16h.38a10.61 10.61 0 0 0 3.88-2.24 8 8 0 0 0 2-3A16.93 16.93 0 0 0 15 4.34v-.5a1.71 1.71 0 0 0-1.64-1.66A6.79 6.79 0 0 1 8.73.28 1 1 0 0 0 8 0z' />
         </g>
     </svg>
 );
diff --git a/packages/trader/src/Assets/AccountManagement/icon-verification.jsx b/packages/trader/src/Assets/AccountManagement/icon-verification.jsx
index c9700da7bf7c..953ec942fed9 100644
--- a/packages/trader/src/Assets/AccountManagement/icon-verification.jsx
+++ b/packages/trader/src/Assets/AccountManagement/icon-verification.jsx
@@ -4,10 +4,10 @@ import React      from 'react';
 
 const IconVerification = ({ className }) => (
     <svg className={classNames('inline-icon', className)} width='16' height='16' viewBox='0 0 16 16'>
-        <g fill="none" fillRule="evenodd">
-            <path d="M0 .001h16v16H0z"/>
-            <path fill="#333" d="M8 0v1a7.79 7.79 0 0 0 5.23 2.16.71.71 0 0 1 .69.68v.51a16.19 16.19 0 0 1-.66 6A7.08 7.08 0 0 1 11.58 13a9.36 9.36 0 0 1-3.48 2h-.17a9.53 9.53 0 0 1-3.52-2 7 7 0 0 1-1.73-2.64A16.08 16.08 0 0 1 2 4.38v-.53a.71.71 0 0 1 .69-.68A7.79 7.79 0 0 0 8 1V0zm0 0a1.05 1.05 0 0 0-.71.27 6.79 6.79 0 0 1-4.61 1.9A1.71 1.71 0 0 0 1 3.83v.5a16.9 16.9 0 0 0 .72 6.33 8.1 8.1 0 0 0 2 3 10.51 10.51 0 0 0 3.89 2.24h.16L8 16h.38a10.61 10.61 0 0 0 3.88-2.24 8 8 0 0 0 2-3A16.93 16.93 0 0 0 15 4.34v-.5a1.71 1.71 0 0 0-1.64-1.66A6.79 6.79 0 0 1 8.73.28 1 1 0 0 0 8 0z"/>
-            <path fill="#333" d="M5.854 7.857a.5.5 0 0 0-.708.707l2 2a.5.5 0 0 0 .754-.053l3-4a.5.5 0 0 0-.8-.6L7.446 9.449 5.854 7.857z"/>
+        <g fill='none' fillRule='evenodd'>
+            <path d='M0 .001h16v16H0z' />
+            <path fill='#333' d='M8 0v1a7.79 7.79 0 0 0 5.23 2.16.71.71 0 0 1 .69.68v.51a16.19 16.19 0 0 1-.66 6A7.08 7.08 0 0 1 11.58 13a9.36 9.36 0 0 1-3.48 2h-.17a9.53 9.53 0 0 1-3.52-2 7 7 0 0 1-1.73-2.64A16.08 16.08 0 0 1 2 4.38v-.53a.71.71 0 0 1 .69-.68A7.79 7.79 0 0 0 8 1V0zm0 0a1.05 1.05 0 0 0-.71.27 6.79 6.79 0 0 1-4.61 1.9A1.71 1.71 0 0 0 1 3.83v.5a16.9 16.9 0 0 0 .72 6.33 8.1 8.1 0 0 0 2 3 10.51 10.51 0 0 0 3.89 2.24h.16L8 16h.38a10.61 10.61 0 0 0 3.88-2.24 8 8 0 0 0 2-3A16.93 16.93 0 0 0 15 4.34v-.5a1.71 1.71 0 0 0-1.64-1.66A6.79 6.79 0 0 1 8.73.28 1 1 0 0 0 8 0z' />
+            <path fill='#333' d='M5.854 7.857a.5.5 0 0 0-.708.707l2 2a.5.5 0 0 0 .754-.053l3-4a.5.5 0 0 0-.8-.6L7.446 9.449 5.854 7.857z' />
         </g>
     </svg>
 );
diff --git a/packages/trader/src/Assets/Header/NavBar/icon-user.jsx b/packages/trader/src/Assets/Header/NavBar/icon-user.jsx
index 676e8f01f3f2..24635bb32f2f 100644
--- a/packages/trader/src/Assets/Header/NavBar/icon-user.jsx
+++ b/packages/trader/src/Assets/Header/NavBar/icon-user.jsx
@@ -4,10 +4,10 @@ import React      from 'react';
 
 const IconUser = ({ className }) => (
     <svg className={classNames('inline-icon', className)} width='16' height='16' viewBox='0 0 16 16'>
-        <g fill="none" fillRule="evenodd">
-            <path d="M0 0h16v16H0z"/>
-            <path fill="#333" d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0-1a8 8 0 1 0 0 16A8 8 0 0 0 8 0z"/>
-            <path fill="#333" d="M8 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0-1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM5 12.82v-1.64A1.69 1.69 0 0 1 6.682 9.5H9.32A1.69 1.69 0 0 1 11 11.182v1.638a.5.5 0 1 0 1 0v-1.64A2.69 2.69 0 0 0 9.322 8.5H6.68A2.69 2.69 0 0 0 4 11.178v1.642a.5.5 0 1 0 1 0z"/>
+        <g fill='none' fillRule='evenodd'>
+            <path d='M0 0h16v16H0z' />
+            <path fill='#333' d='M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1zm0-1a8 8 0 1 0 0 16A8 8 0 0 0 8 0z' />
+            <path fill='#333' d='M8 3a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0-1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM5 12.82v-1.64A1.69 1.69 0 0 1 6.682 9.5H9.32A1.69 1.69 0 0 1 11 11.182v1.638a.5.5 0 1 0 1 0v-1.64A2.69 2.69 0 0 0 9.322 8.5H6.68A2.69 2.69 0 0 0 4 11.178v1.642a.5.5 0 1 0 1 0z' />
         </g>
     </svg>
 );
diff --git a/packages/trader/src/Assets/icon.jsx b/packages/trader/src/Assets/icon.jsx
index 573ae6351c7c..f0d41a7622b8 100644
--- a/packages/trader/src/Assets/icon.jsx
+++ b/packages/trader/src/Assets/icon.jsx
@@ -7,8 +7,8 @@ class Icon extends React.PureComponent {
         /* When adding a new icon, arrange it by following the ascending file system arrangement */
         this.icons = {
             // AccountManagement
-            IconVerification      : React.lazy(() => import('./AccountManagement/icon-verification')),
-            IconSecurity          : React.lazy(() => import('./AccountManagement/icon-security')),
+            IconVerification: React.lazy(() => import('./AccountManagement/icon-verification')),
+            IconSecurity    : React.lazy(() => import('./AccountManagement/icon-security')),
 
             // Common
             IconArrowBold         : React.lazy(() => import('./Common/icon-arrow-bold.jsx')),