Fix: add tslint rules (#124)

Author: Alex Khlopiachyi

Diff for: src/App.tsx

@@ -4,10 +4,10 @@ import * as ReactGA from 'react-ga';
 import { IntlProvider } from 'react-intl';
 import { connect, MapStateToProps } from 'react-redux';
 import { Router } from 'react-router';
+import { gaTrackerKey } from '../src/api';
 import { Alerts, ErrorWrapper, Footer, Header, Sidebar } from './containers';
 import { RootState } from './modules';
 import { Layout } from './routes';
-import { gaTrackerKey } from '../src/api';
 
 interface Locale {
     lang: string;

Diff for: src/api/requestBuilder.ts

@@ -8,8 +8,8 @@ import {
     applogicUrl,
     arkeUrl,
     authUrl,
-    tradeUrl,
     finexUrl,
+    tradeUrl,
     withCredentials,
 } from './config';
 
@@ -88,6 +88,7 @@ export const defaultResponse: Partial<AxiosError['response']> = {
 export const formatError = (responseError: AxiosError) => {
     const response = responseError.response || defaultResponse;
     const errors = (response.data && (response.data.errors || [response.data.error])) || [];
+
     return {
         code: response.status,
         message: errors,

Diff for: src/components/Beneficiaries/BeneficiariesActivateModal.tsx

@@ -111,7 +111,7 @@ class BeneficiariesActivateModalComponent extends React.Component<Props, State>
                 />
             </div>
         );
-    }
+    };
 
     private renderConfirmationModalBody = () => {
         const { confirmationModalCode } = this.state;
@@ -144,7 +144,7 @@ class BeneficiariesActivateModalComponent extends React.Component<Props, State>
         this.setState({
             [key]: value,
         });
-    }
+    };
 
     private handleChangeFieldFocus = (key: string) => {
         // @ts-ignore
@@ -157,7 +157,7 @@ class BeneficiariesActivateModalComponent extends React.Component<Props, State>
         this.setState({
             ...defaultState,
         });
-    }
+    };
 
     private handleSubmitConfirmationModal = () => {
         const { beneficiariesAddData } = this.props;
@@ -171,15 +171,15 @@ class BeneficiariesActivateModalComponent extends React.Component<Props, State>
 
             this.props.activateAddress(payload);
         }
-    }
+    };
 
     private handleClickToggleConfirmationModal = (clear?: boolean) => () => {
         this.props.handleToggleConfirmationModal();
 
         if (clear) {
             this.handleClearModalsInputs();
         }
-    }
+    };
 
     private translate = (id: string) => this.props.intl.formatMessage({ id });
 }

Diff for: src/components/Beneficiaries/BeneficiariesAddModal.tsx

@@ -166,7 +166,7 @@ class BeneficiariesAddModalComponent extends React.Component<Props, State> {
                 />
             </div>
         );
-    }
+    };
 
     private renderAddAddressModalCryptoBody = () => {
         const {
@@ -233,7 +233,7 @@ class BeneficiariesAddModalComponent extends React.Component<Props, State> {
         this.setState({
             [key]: value,
         });
-    }
+    };
 
     private handleChangeFieldFocus = (key: string) => {
         // @ts-ignore
@@ -246,7 +246,7 @@ class BeneficiariesAddModalComponent extends React.Component<Props, State> {
         this.setState({
             ...defaultState,
         });
-    }
+    };
 
     private handleSubmitAddAddressCoinModal = () => {
         const { currency } = this.props;
@@ -273,7 +273,7 @@ class BeneficiariesAddModalComponent extends React.Component<Props, State> {
         }
 
         this.props.createAddress(payload);
-    }
+    };
 
     private handleSubmitAddAddressFiatModal = () => {
         const { currency } = this.props;
@@ -321,15 +321,15 @@ class BeneficiariesAddModalComponent extends React.Component<Props, State> {
         };
 
         this.props.createAddress(payload);
-    }
+    };
 
     private handleClickToggleAddAddressModal = (clear?: boolean) => () => {
         this.props.handleToggleAddAddressModal();
 
         if (clear) {
             this.handleClearModalsInputs();
         }
-    }
+    };
 
     private translate = (id: string) => this.props.intl.formatMessage({ id });
 }

Diff for: src/components/Beneficiaries/BeneficiariesFailAddModal.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react';
 import { History } from 'history';
-import { RouteProps, withRouter } from 'react-router-dom';
+import * as React from 'react';
 import { Button } from 'react-bootstrap';
 import { InjectedIntlProps, injectIntl } from 'react-intl';
+import { RouteProps, withRouter } from 'react-router-dom';
 
 interface OwnProps {
     handleToggleFailModal: () => void;

Diff for: src/components/Beneficiaries/index.tsx

@@ -8,13 +8,13 @@ import {
     beneficiariesDelete,
     Beneficiary,
     BeneficiaryBank,
+    MemberLevels,
+    memberLevelsFetch,
     RootState,
     selectBeneficiaries,
     selectBeneficiariesCreate,
     selectMemberLevels,
     selectUserInfo,
-    memberLevelsFetch,
-    MemberLevels,
     User,
 } from '../../modules';
 import { BeneficiariesActivateModal } from './BeneficiariesActivateModal';
@@ -152,7 +152,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
                 />
             </div>
         );
-    }
+    };
 
     private renderDropdownItem = (item: Beneficiary, index: number, type: 'fiat' | 'coin') => {
         if (type === 'fiat') {
@@ -184,7 +184,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
                 </div>
             </div>
         );
-    }
+    };
 
     private renderDropdownBody = (beneficiaries: Beneficiary[], type: 'fiat' | 'coin') => {
         const dropdownBodyClassName = classnames('pg-beneficiaries__dropdown__body', {
@@ -200,7 +200,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
                 </div>
             </div>
         );
-    }
+    };
 
     private renderDropdownTipCryptoNote = (note: string) => {
         return (
@@ -209,7 +209,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
                 <span className="tip__content__block__value">{note}</span>
             </div>
         );
-    }
+    };
 
     private renderDropdownTipCrypto = (currentWithdrawalBeneficiary: Beneficiary) => {
         if (currentWithdrawalBeneficiary) {
@@ -231,7 +231,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
         }
 
         return;
-    }
+    };
 
     private renderDropdownTipFiatDescription = (description: string) => {
         return (
@@ -240,7 +240,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
                 <span className="tip__content__block__value">{description}</span>
             </div>
         );
-    }
+    };
 
     private renderDropdownTipFiat = (currentWithdrawalBeneficiary: Beneficiary) => {
         if (currentWithdrawalBeneficiary) {
@@ -266,7 +266,7 @@ class BeneficiariesComponent extends React.Component<Props, State> {
         }
 
         return;
-    }
+    };
 
     private renderAddressDropdown = (beneficiaries: Beneficiary[], currentWithdrawalBeneficiary: Beneficiary, type: 'fiat' | 'coin') => {
         const { isOpenDropdown, isOpenTip } = this.state;
@@ -314,15 +314,15 @@ class BeneficiariesComponent extends React.Component<Props, State> {
                 {isOpenTip && this.renderDropdownTipCrypto(currentWithdrawalBeneficiary)}
             </div>
         );
-    }
+    };
 
     private handleClickDeleteAddress = (item: Beneficiary) => () => {
         this.handleDeleteAddress(item);
-    }
+    };
 
     private handleClickSelectAddress = (item: Beneficiary) => () => {
         this.handleSetCurrentAddress(item);
-    }
+    };
 
     private handleClickToggleAddAddressModal = () => () => {
         const { memberLevels, userData } = this.props;
@@ -332,30 +332,31 @@ class BeneficiariesComponent extends React.Component<Props, State> {
         } else {
             this.handleToggleAddAddressModal();
         }
-    }
+    };
 
     private handleDeleteAddress = (item: Beneficiary) => {
         const payload = {
             id: item.id,
         };
 
         this.props.deleteAddress(payload);
-    }
+    };
 
     private handleFilterByCurrency = (beneficiaries: Beneficiary[], currency: string) => {
         if (beneficiaries.length && currency) {
             return beneficiaries.filter(item => item.currency.toLowerCase() === currency.toLowerCase());
         }
 
         return [];
-    }
+    };
 
     private handleFilterByState = (beneficiaries: Beneficiary[]) => {
         if (beneficiaries.length) {
             return beneficiaries.filter(item => item.state.toLowerCase() === 'active');
         }
+
         return [];
-    }
+    };
 
     private handleSetCurrentAddress = (item: Beneficiary) => {
         if (item.data) {
@@ -365,37 +366,37 @@ class BeneficiariesComponent extends React.Component<Props, State> {
             });
             this.props.onChangeValue(item);
         }
-    }
+    };
 
     private handleToggleAddAddressModal = () => {
         this.setState(prevState => ({
             isOpenAddressModal: !prevState.isOpenAddressModal,
         }));
-    }
+    };
 
     private handleToggleConfirmationModal = () => {
         this.setState(prevState => ({
             isOpenConfirmationModal: !prevState.isOpenConfirmationModal,
         }));
-    }
+    };
 
     private handleToggleFailModal = () => {
         this.setState(prevState => ({
             isOpenFailModal: !prevState.isOpenFailModal,
         }));
-    }
+    };
 
     private handleToggleDropdown = () => {
         this.setState(prevState => ({
             isOpenDropdown: !prevState.isOpenDropdown,
         }));
-    }
+    };
 
     private handleToggleTip = () => {
         this.setState(prevState => ({
             isOpenTip: !prevState.isOpenTip,
         }));
-    }
+    };
 
     private translate = (id: string) => this.props.intl.formatMessage({ id });
 }

Diff for: src/components/CombinedOrderBook/CombinedOrderBook.test.tsx

@@ -1,8 +1,8 @@
 import { shallow, ShallowWrapper } from 'enzyme';
 import * as React from 'react';
 import { spy } from 'sinon';
-import {  CombinedOrderBook, CombinedOrderBookProps } from './';
 import { CellData } from '../Table';
+import {  CombinedOrderBook, CombinedOrderBookProps } from './';
 
 const dataAsks: CellData[][] = [
     ['123', '14', '121'],

Diff for: src/components/CombinedOrderBook/index.tsx

@@ -74,6 +74,7 @@ export class CombinedOrderBook extends React.PureComponent<CombinedOrderBookProp
         const {
             isLarge,
         } = this.props;
+
         return (
             <div className="cr-combined-order-book" >
               {isLarge ? this.orderBookLarge() : this.orderBookSmall()}
@@ -125,7 +126,7 @@ export class CombinedOrderBook extends React.PureComponent<CombinedOrderBookProp
               </div>
           </React.Fragment>
       );
-    }
+    };
 
     private orderBookSmall = () => {
       const {
@@ -141,6 +142,7 @@ export class CombinedOrderBook extends React.PureComponent<CombinedOrderBookProp
           onSelectBids,
           lastPrice,
       } = this.props;
+
       return (
           <React.Fragment>
               <div className="cr-combined-order-book__small">
@@ -167,5 +169,5 @@ export class CombinedOrderBook extends React.PureComponent<CombinedOrderBookProp
                 </div>
             </React.Fragment>
       );
-    }
+    };
 }

Diff for: src/components/CopyableTextField/CopyableTextField.test.tsx

@@ -1,7 +1,7 @@
 import { shallow } from 'enzyme';
 import * as React from 'react';
-import { CopyableTextField, CopyableTextFieldProps } from './';
 import { CustomInput } from '../CustomInput';
+import { CopyableTextField, CopyableTextFieldProps } from './';
 
 
 const defaultProps: CopyableTextFieldProps = {

Diff for: src/components/CopyableTextField/index.tsx

@@ -67,6 +67,7 @@ class CopyableTextField extends React.Component<CopyableTextFieldProps> {
         } = this.props;
         const doCopy = () => copy(fieldId);
         const cx = classnames('cr-copyable-text-field', className);
+
         return (
             <div className={cx}>
                 <InputGroup>

Diff for: src/components/CryptoIcon/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import cx from 'classnames';
+import * as React from 'react';
 
 export interface CryptoIconProps {
     code: string;
@@ -17,6 +17,7 @@ const findIcon = (code: string): string => {
 
 export const CryptoIcon: React.FunctionComponent<CryptoIconProps> = props => {
     const { code, className = '', children } = props;
+
     return (
         <span className={cx('cr-crypto-icon', className)}>
           <img src={findIcon(code)} alt="crypto-icon"/> {children}