Fixes lint problems from brave-ui repository

Author: NejcZdovc

components/brave_rewards/resources/ui/components/adRowsDetails/spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
 import { TestThemeProvider } from 'brave-ui/theme'
-import AdRowsDetails from './index';
+import AdRowsDetails from './index'
 
 describe('Ad Rows Details tests', () => {
   const baseComponent = (props?: object) => <TestThemeProvider><AdRowsDetails id={'adRowsDetails'} /></TestThemeProvider>

components/brave_rewards/resources/ui/components/alert/spec.tsx

@@ -6,10 +6,11 @@ import Alert, { Props } from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('Alert tests', () => {
-  const baseComponent = (props: Props) =>
+  const baseComponent = (props: Props) => (
     <TestThemeProvider>
       <Alert id='alert' {...props} />
     </TestThemeProvider>
+  )
 
   describe('basic tests', () => {
     it('matches the snapshot', () => {

components/brave_rewards/resources/ui/components/amount/spec.tsx

@@ -6,7 +6,12 @@ import Amount from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('Amount tests', () => {
-  const baseComponent = (props?: object) => <TestThemeProvider><Amount id='amount' amount={1} converted={0.4} onSelect={() => {}} {...props}  /></TestThemeProvider>
+  const doNothing = () => { console.log('nothing') }
+  const baseComponent = (props?: object) => (
+    <TestThemeProvider>
+      <Amount id='amount' amount={'1'} converted={'0.4'} onSelect={doNothing} {...props} />
+    </TestThemeProvider>
+  )
 
   describe('basic tests', () => {
     it('matches the snapshot', () => {

components/brave_rewards/resources/ui/components/categoryLikePicker/spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
 import { TestThemeProvider } from 'brave-ui/theme'
-import CategoryLikePicker from './index';
+import CategoryLikePicker from './index'
 
 describe('Category Like Picker tests', () => {
   const baseComponent = (props?: object) => <TestThemeProvider><CategoryLikePicker id={'categoryLikePicker'} optAction={0} /></TestThemeProvider>

components/brave_rewards/resources/ui/components/dropMenu/spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
 import { TestThemeProvider } from 'brave-ui/theme'
-import DropMenu from './index';
+import DropMenu from './index'
 
 describe('Drop Menu tests', () => {
   const baseComponent = (props?: object) => <TestThemeProvider><DropMenu id={'dropMenu'} /></TestThemeProvider>

components/brave_rewards/resources/ui/components/mobile/boxMobile/index.tsx

@@ -181,7 +181,7 @@ export default class BoxMobile extends React.PureComponent<Props, State> {
         <StyledLeft>
           {
             isDetailView
-              ? <StyledBackArrow onClick={this.setView.bind(this, 'index') as any}>
+              ? <StyledBackArrow onClick={this.setView.bind(this, 'index')}>
                 <ArrowLeftIcon />
               </StyledBackArrow>
               : null
@@ -219,7 +219,7 @@ export default class BoxMobile extends React.PureComponent<Props, State> {
 
     return (
       <StyledContent detailView={this.state.detailView}>
-        <StyleDetailsLink onClick={this.setView.bind(this, 'detailView') as any}>
+        <StyleDetailsLink onClick={this.setView.bind(this, 'detailView')}>
           {getLocale('viewDetails')}
           <StyledArrow>
             <CaratRightIcon />
@@ -232,7 +232,7 @@ export default class BoxMobile extends React.PureComponent<Props, State> {
   getSettingsListTitle = () => {
     return (
       <StyledMobileListWrapper>
-        <StyledSettingsListTitle onClick={this.setView.bind(this, 'settings') as any}>
+        <StyledSettingsListTitle onClick={this.setView.bind(this, 'settings')}>
           <StyledSettingsText>
             {getLocale('settings')}
           </StyledSettingsText>
@@ -253,14 +253,14 @@ export default class BoxMobile extends React.PureComponent<Props, State> {
 
     return (
       <StyledFullSizeWrapper>
-        <StyledSettingsClose onClick={this.setView.bind(this, 'detailView') as any}>
+        <StyledSettingsClose onClick={this.setView.bind(this, 'detailView')}>
           <CloseStrokeIcon />
         </StyledSettingsClose>
         <StyledSettingsHeader>
           <StyledSettingsTitle>
             {this.getSettingsTitle(title)}
           </StyledSettingsTitle>
-          <StyledSettingsClose onClick={this.setView.bind(this, 'detailView') as any}>
+          <StyledSettingsClose onClick={this.setView.bind(this, 'detailView')}>
             <CloseStrokeIcon />
           </StyledSettingsClose>
         </StyledSettingsHeader>

components/brave_rewards/resources/ui/components/modalBackupRestore/spec.tsx

@@ -6,19 +6,20 @@ import ModalBackupRestore from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('ModalBackupRestore tests', () => {
+  const doNothing = () => { console.log('nothing') }
   const baseComponent = (props?: object) => (
     <TestThemeProvider>
       <ModalBackupRestore
         id='modal'
-        activeTabId={'backup'}
+        activeTabId={0}
         recoveryKey={''}
-        onClose={() => {}}
-        onCopy={() => {}}
-        onPrint={() => {}}
-        onSaveFile={() => {}}
-        onRestore={() => {}}
-        onImport={() => {}}
-        onTabChange={() => {}}
+        onClose={doNothing}
+        onCopy={doNothing}
+        onPrint={doNothing}
+        onSaveFile={doNothing}
+        onRestore={doNothing}
+        onImport={doNothing}
+        onTabChange={doNothing}
         {...props}
       />
     </TestThemeProvider>

components/brave_rewards/resources/ui/components/modalVerify/spec.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
-import PanelVerify  from './index'
+import PanelVerify from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('PanelVerify tests', () => {

components/brave_rewards/resources/ui/components/panelWelcome/spec.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
-import PanelWelcome  from './index'
+import PanelWelcome from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('PanelWelcome tests', () => {

components/brave_rewards/resources/ui/components/showAdsHistory/spec.tsx

@@ -1,12 +1,11 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
-* You can obtain one at http://mozilla.org/MPL/2.0/.
-*/
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
-import ShowAdsHistory from './index';
+import ShowAdsHistory from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('ShowAdsHistory tests', () => {

components/brave_rewards/resources/ui/components/tableAdsHistory/spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
 import { TestThemeProvider } from 'brave-ui/theme'
-import TableAdsHistory from './index';
+import TableAdsHistory from './index'
 
 describe('Amount tests', () => {
   const baseComponent = (props?: object) => <TestThemeProvider><TableAdsHistory id={'tableAdsHistory'} header={[]} /></TestThemeProvider>

components/brave_rewards/resources/ui/components/thumbLikePicker/spec.tsx

@@ -3,7 +3,7 @@ import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
 import { TestThemeProvider } from 'brave-ui/theme'
-import ThumbLikePicker from './index';
+import ThumbLikePicker from './index'
 
 describe('Amount tests', () => {
   const baseComponent = (props?: object) => <TestThemeProvider><ThumbLikePicker id={'thumbLikePicker'} likeAction={0} /></TestThemeProvider>

components/brave_rewards/resources/ui/components/walletPopup/spec.tsx

@@ -7,16 +7,17 @@ import { TestThemeProvider } from 'brave-ui/theme'
 
 const props = {
   onClose: () => null,
-  userName: 'tester',
+  userName: 'tester'
 }
 
 describe('WalletSummary tests', () => {
-  const baseComponent = (props: Props) =>
+  const baseComponent = (props: Props) => (
     <TestThemeProvider>
       <WalletPopup id='wallet-popup' {...props} >
         <p>hi</p>
       </WalletPopup>
     </TestThemeProvider>
+  )
 
   describe('basic tests', () => {
     it('matches the snapshot', () => {

components/brave_rewards/resources/ui/components/walletSummary/spec.tsx

@@ -12,16 +12,17 @@ const props = {
     contribute: { tokens: '10.0', converted: '0.25' },
     donation: { tokens: '2.0', converted: '0.25' },
     tips: { tokens: '19.0', converted: '5.25' },
-    total: { tokens: '19.0', converted: '5.25' },
+    total: { tokens: '19.0', converted: '5.25' }
   },
-  onActivity: () => { }
+  onActivity: () => { console.log('nothing') }
 }
 
 describe('WalletSummary tests', () => {
-  const baseComponent = (props: Props) =>
+  const baseComponent = (props: Props) => (
     <TestThemeProvider>
       <WalletSummary id='empty' {...props} />
     </TestThemeProvider>
+  )
 
   describe('basic tests', () => {
     it('matches the snapshot', () => {

components/brave_rewards/resources/ui/components/welcomePage/spec.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react'
 import { shallow } from 'enzyme'
 import { create } from 'react-test-renderer'
-import WelcomePage  from './index'
+import WelcomePage from './index'
 import { TestThemeProvider } from 'brave-ui/theme'
 
 describe('WelcomePage tests', () => {

components/brave_rewards/resources/ui/stories/concepts.tsx

@@ -72,6 +72,20 @@ const dummyOptInAction = () => {
 storiesOf('Rewards/Concepts/Desktop', module)
   .addDecorator(withKnobs)
   .add('Settings Page', () => {
+    const walletState: WalletState = select('wallet status', {
+      unverified: 'unverified',
+      verified: 'verified',
+      'disconnected unverified': 'disconnected_unverified',
+      'disconnected verified': 'disconnected_verified'
+    }, 'unverified') as WalletState
+
+    type walletContent = 'empty' | 'summary' | 'off'
+    const content: walletContent = select('Content', {
+      empty: 'empty',
+      summary: 'summary',
+      off: 'off'
+    }, 'empty') as any
+
     const walletProps = {
       grants: object('Claimed grants', [
         {
@@ -90,17 +104,8 @@ storiesOf('Rewards/Concepts/Desktop', module)
           type: 'ads'
         }
       ]),
-      content: select('Content', {
-        empty: 'empty',
-        summary: 'summary',
-        off: 'off'
-      }, 'empty') as 'empty' | 'summary' | 'off',
-      walletState: select('wallet status', {
-        unverified: 'unverified',
-        verified: 'verified',
-        'disconnected unverified': 'disconnected_unverified',
-        'disconnected verified': 'disconnected_verified'
-      }, 'unverified') as WalletState
+      content,
+      walletState
     }
     return (<Settings {...{ walletProps }}/>)
   })

components/brave_rewards/resources/ui/stories/wallet.tsx

@@ -40,6 +40,13 @@ storiesOf('Rewards/Wallet/Desktop', module)
     const showAlert = boolean('Show alert', false)
     const showGrant = boolean('Show grants', false)
 
+    const state: WalletState = select('wallet status', {
+      unverified: 'unverified',
+      verified: 'verified',
+      'disconnected unverified': 'disconnected_unverified',
+      'disconnected verified': 'disconnected_verified'
+    }, 'unverified') as WalletState
+
     return (
       <WalletWrapper
         compact={false}
@@ -80,13 +87,7 @@ storiesOf('Rewards/Wallet/Desktop', module)
           }
         ] : []}
         alert={showAlert ? alert : undefined}
-        walletState={select('wallet status', {
-          unverified: 'unverified',
-          connected: 'connected',
-          verified: 'verified',
-          'disconnected unverified': 'disconnected_unverified',
-          'disconnected verified': 'disconnected_verified'
-        }, 'unverified') as WalletState}
+        walletState={state}
         onDisconnectClick={doNothing}
         userName={'Brave Software'}
       >