chore: general code cleanup

2019-02-04 23:41:45 -05:00 · 2019-02-04 23:41:45 -05:00 · 0726c8bdd2
parent b99db4e7cf
commit 0726c8bdd2
100 changed files with 498 additions and 242 deletions
--- a/tests/actions/receive.test.js
+++ b/tests/actions/receive.test.js
@ -18,7 +18,7 @@ describe('Receive Actions', () => {
    const payload = {
      addresses: [
        'tm0a9si0ds09gj02jj',
-        'smas098gk02jf0kskk'
+        'smas098gk02jf0kskk',
      ],
    };

--- a/tests/actions/send.test.js
+++ b/tests/actions/send.test.js
@ -36,7 +36,7 @@ describe('Send Actions', () => {

  test('should create an action to send transaction with success', () => {
    const payload = {
-      operationId: '0b9ii4590ab-1d012klfo'
+      operationId: '0b9ii4590ab-1d012klfo',
    };

    store.dispatch(sendTransactionSuccess(payload));
@ -76,7 +76,7 @@ describe('Send Actions', () => {

  test('should validate a address with success', () => {
    const payload = {
-      isValid: true
+      isValid: true,
    };

    store.dispatch(validateAddressSuccess(payload));
@ -101,7 +101,7 @@ describe('Send Actions', () => {

  test('should load ZEC price', () => {
    const payload = {
-      value: 1.35
+      value: 1.35,
    };

    store.dispatch(loadZECPrice(payload));
@ -109,7 +109,7 @@ describe('Send Actions', () => {
    expect(store.getActions()[0]).toEqual(
      expect.objectContaining({
        type: LOAD_ZEC_PRICE,
-        payload
+        payload,
      }),
    );
  });
--- a/tests/components/button.test.js
+++ b/tests/components/button.test.js
@ -16,10 +16,10 @@ describe('<Button />', () => {
      <ThemeProvider theme={appTheme}>
        <Button
          label='Click me!'
-          onClick={() => alert('Clicked')}
-          variant='primary' 
+          onClick={() => alert('Clicked')} // eslint-disable-line
+          variant='primary'
        />
-      </ThemeProvider>
+      </ThemeProvider>,
    );

    expect(queryByTestId('PrimaryButton')).toBeInTheDocument();
@ -30,13 +30,12 @@ describe('<Button />', () => {
      <ThemeProvider theme={appTheme}>
        <Button
          label='Click me!'
-          onClick={() => alert('Clicked')}
-          variant='secondary' 
+          onClick={() => alert('Clicked')} // eslint-disable-line
+          variant='secondary'
        />
-      </ThemeProvider>
+      </ThemeProvider>,
    );

    expect(queryByTestId('SecondaryButton')).toBeInTheDocument();
  });
-
 });
--- a/tests/components/clipboard.test.js
+++ b/tests/components/clipboard.test.js
@ -30,5 +30,4 @@ describe('<Clipboard />', () => {

    expect(queryByTestId('PrimaryButton')).toBeInTheDocument();
  });
-
 });
--- a/tests/components/confirm-dialog.test.js
+++ b/tests/components/confirm-dialog.test.js
@ -12,11 +12,18 @@ describe('<ConfirmDialogComponent />', () => {
  test('should render confirm dialog correctly', () => {
    const { container } = render(
      <ConfirmDialogComponent
-        title="Confirm example"
-        onConfirm={() => alert('Confirm')}
-        renderTrigger={toggle => <button onClick={toggle}> Open! </button>}
+        title='Confirm example'
+        onConfirm={() => alert('Confirm')} // eslint-disable-line
+        renderTrigger={toggle => (
+          <button
+            onClick={toggle}
+            type='button'
+          >
+            Open!
+          </button>
+        )}
      >
-        {toggle => <div>Confirm content</div>}
+        {(/* toggle */) => <div>Confirm content</div>}
      </ConfirmDialogComponent>,
    );

@ -26,11 +33,19 @@ describe('<ConfirmDialogComponent />', () => {
  test('should render confirm dialog trigger', () => {
    const { queryByTestId } = render(
      <ConfirmDialogComponent
-        title="Confirm example"
-        onConfirm={() => alert('Confirm')}
-        renderTrigger={toggle => <button data-testid='ConfirmDialogTrigger' onClick={toggle}> Open! </button>}
+        title='Confirm example'
+        onConfirm={() => alert('Confirm')} // eslint-disable-line
+        renderTrigger={toggle => (
+          <button
+            data-testid='ConfirmDialogTrigger'
+            onClick={toggle}
+            type='button'
+          >
+            Open!
+          </button>
+        )}
      >
-        {toggle => <div>Confirm content</div>}
+        {(/* toggle */) => <div>Confirm content</div>}
      </ConfirmDialogComponent>,
    );

--- a/tests/components/dropdown.test.js
+++ b/tests/components/dropdown.test.js
@ -15,7 +15,10 @@ describe('<DropdownComponent />', () => {
  test('should render dropdown correctly', () => {
    const { queryByTestId } = render(
      <ThemeProvider theme={appTheme}>
-        <div style={{ height: '500px' }} data-testid='DropdownWrapper'>
+        <div
+          style={{ height: '500px' }}
+          data-testid='DropdownWrapper'
+        >
          <DropdownComponent
            label='Addresses'
            renderTrigger={toggleVisibility => (
@ -60,5 +63,4 @@ describe('<DropdownComponent />', () => {

    expect(queryByTestId('PrimaryButton')).toBeInTheDocument();
  });
-
 });
--- a/tests/components/input-label.test.js
+++ b/tests/components/input-label.test.js
@ -19,7 +19,7 @@ describe('<InputLabelComponent />', () => {
    );

    const label = container.querySelector('p');
-    
+
    expect(label).toBeVisible();
  });

--- a/tests/components/input.test.js
+++ b/tests/components/input.test.js
@ -17,9 +17,9 @@ describe('<InputComponent />', () => {
        <InputComponent
          inputType='input'
          value='Hello World!'
-          onChange={console.log}
+          onChange={console.log} // eslint-disable-line
        />
-      </ThemeProvider>
+      </ThemeProvider>,
    );

    expect(queryByTestId('Input')).toBeInTheDocument();
@ -31,10 +31,10 @@ describe('<InputComponent />', () => {
        <InputComponent
          inputType='textarea'
          value='I am Zcash Electron Wallet'
-          onChange={console.log}
+          onChange={console.log} // eslint-disable-line
          rows={10}
        />
-      </ThemeProvider>
+      </ThemeProvider>,
    );

    expect(queryByTestId('Textarea')).toBeInTheDocument();
--- a/tests/components/loading-screen.test.js
+++ b/tests/components/loading-screen.test.js
@ -14,7 +14,7 @@ describe('<LoadingScreen />', () => {
  test('should render status pill correctly', () => {
    const { queryByTestId } = render(
      <ThemeProvider theme={appTheme}>
-        <LoadingScreen progress={83.} />
+        <LoadingScreen progress={83.0} />
      </ThemeProvider>,
    );

--- a/tests/components/modal.test.js
+++ b/tests/components/modal.test.js
@ -13,7 +13,11 @@ describe('<ModalComponent />', () => {
    const { queryByTestId } = render(
      <ModalComponent
        renderTrigger={toggleVisibility => (
-          <button type="button" data-testid='ModalTrigger' onClick={toggleVisibility}>
+          <button
+            type='button'
+            data-testid='ModalTrigger'
+            onClick={toggleVisibility}
+          >
            Open Modal
          </button>
        )}
@ -21,7 +25,10 @@ describe('<ModalComponent />', () => {
        {toggleVisibility => (
          <div style={{ padding: '50px', backgroundColor: 'white' }}>
            Modal Content
-            <button type="button" onClick={toggleVisibility}>
+            <button
+              type='button'
+              onClick={toggleVisibility}
+            >
              Close Modal
            </button>
          </div>
@ -31,5 +38,4 @@ describe('<ModalComponent />', () => {

    expect(queryByTestId('ModalTrigger')).toBeInTheDocument();
  });
-
 });
--- a/tests/components/select.test.js
+++ b/tests/components/select.test.js
@ -15,7 +15,7 @@ describe('<SelectComponent />', () => {
    const { container } = render(
      <ThemeProvider theme={appTheme}>
        <SelectComponent
-          onChange={console.log}
+          onChange={console.log} // eslint-disable-line
          value='asbh1yeasbdh23848asdasd'
          placeholder='Select a address'
          options={[
--- a/tests/components/transaction-item.test.js
+++ b/tests/components/transaction-item.test.js
@ -22,10 +22,9 @@ describe('<TransactionItem />', () => {
          date={new Date().toISOString()}
          zecPrice={2.94}
        />
-      </ThemeProvider>
+      </ThemeProvider>,
    );

    expect(container).toMatchSnapshot();
  });
-
 });
--- a/tests/components/wallet-address.test.js
+++ b/tests/components/wallet-address.test.js
@ -1,7 +1,7 @@
 // @flow

 import React from 'react';
-import { render, cleanup, queryByText } from 'react-testing-library';
+import { render, cleanup } from 'react-testing-library';
 import { ThemeProvider } from 'styled-components';
 import 'jest-dom/extend-expect';

--- a/tests/e2e/console.test.js
+++ b/tests/e2e/console.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import { getApp } from '../setup/utils';

 const app = getApp();
@ -8,6 +9,7 @@ beforeAll(async () => {
  await app.client.waitUntilWindowLoaded();
  await app.client.waitUntilTextExists('#sidebar', 'Console');
 });
+
 afterAll(() => app.stop());

 describe('Console', () => {
@ -16,8 +18,10 @@ describe('Console', () => {

    expect(app.client.getText('#header p:first-child')).resolves.toEqual('Console');

-    expect(app.client.element('#console-wrapper img').getAttribute('src')).resolves.toEqual(
-      expect.stringContaining('/assets/console_zcash.png'),
-    );
+    expect(app.client.element('#console-wrapper img')
+      .getAttribute('src'))
+      .resolves.toEqual(
+        expect.stringContaining('/assets/console_zcash.png'),
+      );
  });
 });
--- a/tests/e2e/send.test.js
+++ b/tests/e2e/send.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import { getApp } from '../setup/utils';

 const app = getApp();
@ -9,29 +10,28 @@ beforeEach(async () => {
  await app.client.waitUntilTextExists('#sidebar', 'Send');
  await app.client.element('#sidebar a:nth-child(2)').click();
 });
+
 afterEach(() => app.stop());

 describe('Send', () => {
  test('should load "Send Page"', async () => {
-    expect(app.client.element('#send-wrapper').isVisible()).resolves.toEqual(true);
+    expect(app.client.element('#send-wrapper')
+      .isVisible()).resolves.toEqual(true);
  });

  test('should show Additional Options click', async () => {
-    expect(app.client.element('#send-wrapper #send-fee-wrapper').isVisible()).resolves.toEqual(
-      false,
-    );
+    expect(app.client.element('#send-wrapper #send-fee-wrapper')
+      .isVisible()).resolves.toEqual(false);

    await app.client.element('#send-show-additional-options-button').click();

-    expect(app.client.element('#send-wrapper #send-fee-wrapper').isVisible()).resolves.toEqual(
-      true,
-    );
+    expect(app.client.element('#send-wrapper #send-fee-wrapper')
+      .isVisible()).resolves.toEqual(true);
  });

  test('should disable send button if required fields are empty', async () => {
-    expect(app.client.element('#send-submit-button').getAttribute('disabled')).resolves.toEqual(
-      true,
-    );
+    expect(app.client.element('#send-submit-button')
+      .getAttribute('disabled')).resolves.toEqual(true);
  });

  test('should enable send button if required fields are filled', async () => {
@ -68,9 +68,8 @@ describe('Send', () => {

    await app.client.element('#send-submit-button').click();

-    expect(app.client.element('#send-confirm-transaction-modal').isVisible()).resolves.toEqual(
-      true,
-    );
+    expect(app.client.element('#send-confirm-transaction-modal')
+      .isVisible()).resolves.toEqual(true);
  });

  test('should display a load indicator while the transaction is processed', async () => {
@ -88,17 +87,19 @@ describe('Send', () => {

    await app.client.element('#send-submit-button').click();
    await app.client.element('#confirm-modal-button').click();
+
    expect(app.client.getAttribute('#send-confirm-transaction-modal img', 'src')).resolves.toEqual(
      expect.stringContaining('/assets/sync_icon.png'),
    );
-    expect(app.client.getText('#send-confirm-transaction-modal p')).resolves.toEqual(
-      'Processing transaction...',
-    );
-    expect(app.client.element('#confirm-modal-button').isVisible()).resolves.toEqual(false);
+    expect(app.client.getText('#send-confirm-transaction-modal p'))
+      .resolves.toEqual('Processing transaction...');
+    expect(app.client.element('#confirm-modal-button')
+      .isVisible()).resolves.toEqual(false);
  });

  test('should show an error in invalid transaction', async () => {
-    expect(app.client.element('#send-error-text').isVisible()).resolves.toEqual(false);
+    expect(app.client.element('#send-error-text')
+      .isVisible()).resolves.toEqual(false);

    await app.client.element('#sidebar a:nth-child(1)').click();
    await app.client.element('#sidebar a:nth-child(2)').click();
@ -123,7 +124,8 @@ describe('Send', () => {
  });

  test('should show a success screen after transaction and show a transaction item', async () => {
-    expect(app.client.element('#send-success-wrapper').isVisible()).resolves.toEqual(false);
+    expect(app.client.element('#send-success-wrapper')
+      .isVisible()).resolves.toEqual(false);

    await app.client.element('#sidebar a:nth-child(1)').click();
    await app.client.element('#sidebar a:nth-child(2)').click();
@ -147,9 +149,8 @@ describe('Send', () => {

    await app.client.waitUntilTextExists('#transaction-item-operation-id-1', 'Send');

-    expect(await app.client.element('#transaction-item-operation-id-1 img').isVisible()).toEqual(
-      true,
-    );
+    expect(await app.client.element('#transaction-item-operation-id-1 img')
+      .isVisible()).toEqual(true);
    expect(
      await app.client.element('#transaction-item-operation-id-1 img').getAttribute('src'),
    ).toEndWith('/assets/transaction_sent_icon.svg');
--- a/tests/e2e/sidebar.test.js
+++ b/tests/e2e/sidebar.test.js
@ -9,6 +9,7 @@ beforeAll(async () => {
  await app.client.waitUntilWindowLoaded();
  await app.client.waitUntilTextExists('#sidebar', 'Dashboard');
 });
+
 afterAll(() => app.stop());

 describe('Sidebar', () => {
@ -17,9 +18,8 @@ describe('Sidebar', () => {

    expect(await app.client.getUrl()).toEndWith('/');

-    expect(await app.client.element('#sidebar a:nth-child(1)').getHTML()).toEqual(
-      expect.stringContaining('Dashboard'),
-    );
+    expect(await app.client.element('#sidebar a:nth-child(1)')
+      .getHTML()).toEqual(expect.stringContaining('Dashboard'));

    expect(await app.client.element('#sidebar a:nth-child(1) img').getAttribute('src')).toEqual(
      expect.stringContaining('/assets/dashboard_icon_active.svg'),
@ -31,11 +31,11 @@ describe('Sidebar', () => {

    expect(await app.client.getUrl()).toEndWith('/send');

-    expect(await app.client.element('#sidebar a:nth-child(2)').getHTML()).toEqual(
-      expect.stringContaining('Send'),
-    );
+    expect(await app.client.element('#sidebar a:nth-child(2)')
+      .getHTML()).toEqual(expect.stringContaining('Send'));

-    expect(await app.client.element('#sidebar a:nth-child(2) img').getAttribute('src')).toEqual(
+    expect(await app.client.element('#sidebar a:nth-child(2) img')
+      .getAttribute('src')).toEqual(
      expect.stringContaining('/assets/send_icon_active.svg'),
    );
  });
@ -45,11 +45,11 @@ describe('Sidebar', () => {

    expect(await app.client.getUrl()).toEndWith('/receive');

-    expect(await app.client.element('#sidebar a:nth-child(3)').getHTML()).toEqual(
-      expect.stringContaining('Receive'),
-    );
+    expect(await app.client.element('#sidebar a:nth-child(3)')
+      .getHTML()).toEqual(expect.stringContaining('Receive'));

-    expect(await app.client.element('#sidebar a:nth-child(3) img').getAttribute('src')).toEqual(
+    expect(await app.client.element('#sidebar a:nth-child(3) img')
+      .getAttribute('src')).toEqual(
      expect.stringContaining('/assets/receive_icon_active.svg'),
    );
  });
@ -59,11 +59,11 @@ describe('Sidebar', () => {

    expect(await app.client.getUrl()).toEndWith('/transactions');

-    expect(await app.client.element('#sidebar a:nth-child(4)').getHTML()).toEqual(
-      expect.stringContaining('Transactions'),
-    );
+    expect(await app.client.element('#sidebar a:nth-child(4)')
+      .getHTML()).toEqual(expect.stringContaining('Transactions'));

-    expect(await app.client.element('#sidebar a:nth-child(4) img').getAttribute('src')).toEqual(
+    expect(await app.client.element('#sidebar a:nth-child(4) img')
+      .getAttribute('src')).toEqual(
      expect.stringContaining('/assets/transactions_icon_active.svg'),
    );
  });
@ -73,11 +73,11 @@ describe('Sidebar', () => {

    expect(await app.client.getUrl()).toEndWith('/settings');

-    expect(await app.client.element('#sidebar a:nth-child(5)').getHTML()).toEqual(
-      expect.stringContaining('Settings'),
-    );
+    expect(await app.client.element('#sidebar a:nth-child(5)')
+      .getHTML()).toEqual(expect.stringContaining('Settings'));

-    expect(await app.client.element('#sidebar a:nth-child(5) img').getAttribute('src')).toEqual(
+    expect(await app.client.element('#sidebar a:nth-child(5) img')
+      .getAttribute('src')).toEqual(
      expect.stringContaining('/assets/settings_icon_active.svg'),
    );
  });
@ -87,11 +87,11 @@ describe('Sidebar', () => {

    expect(await app.client.getUrl()).toEndWith('/console');

-    expect(await app.client.element('#sidebar a:nth-child(6)').getHTML()).toEqual(
-      expect.stringContaining('Console'),
-    );
+    expect(await app.client.element('#sidebar a:nth-child(6)')
+      .getHTML()).toEqual(expect.stringContaining('Console'));

-    expect(await app.client.element('#sidebar a:nth-child(6) img').getAttribute('src')).toEqual(
+    expect(await app.client.element('#sidebar a:nth-child(6) img')
+      .getAttribute('src')).toEqual(
      expect.stringContaining('/assets/console_icon_active.svg'),
    );
  });
--- a/tests/e2e/startup.test.js
+++ b/tests/e2e/startup.test.js
@ -8,6 +8,7 @@ beforeAll(async () => {
  await app.start();
  await app.client.waitUntilWindowLoaded();
 });
+
 afterAll(() => app.stop());

 describe('Startup', () => {
--- a/tests/e2e/status-pill.test.js
+++ b/tests/e2e/status-pill.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import { getApp } from '../setup/utils';

 const app = getApp();
--- a/tests/reducers/wallet-summary.test.js
+++ b/tests/reducers/wallet-summary.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import walletSummaryReducer, {
  LOAD_WALLET_SUMMARY,
  LOAD_WALLET_SUMMARY_SUCCESS,
@ -80,9 +81,9 @@ describe('WalletSummary Reducer', () => {
      isLoading: false,
      addresses: [],
      transactions: [],
-      zecPrice: 0
+      zecPrice: 0,
    };

    expect(walletSummaryReducer(undefined, action)).toEqual(expectedState);
  });
-});
+});
--- a/tests/setup/assetTransformer.js
+++ b/tests/setup/assetTransformer.js
@ -1,7 +1,9 @@
+// @flow
+
 const path = require('path');

 module.exports = {
-  process(filename) {
-    return 'module.exports = ' + JSON.stringify(path.basename(filename)) + ';';
+  process(filename: any) {
+    return `module.exports = ${JSON.stringify(path.basename(filename))};`;
  },
-};
+};
--- a/tests/setup/jest.js
+++ b/tests/setup/jest.js
@ -1,4 +1,5 @@
 // @flow
+
 // eslint-disable-next-line import/no-unresolved
 require('jest-extended');

--- a/tests/setup/mockAPI.js
+++ b/tests/setup/mockAPI.js
@ -1,4 +1,5 @@
 // @flow
+
 // eslint-disable-next-line import/no-extraneous-dependencies
 import 'babel-polyfill';

@ -11,7 +12,7 @@ const sleep = (time: number) => new Promise(resolve => setTimeout(resolve, time)
 createTestServer({
  httpPort: '18232',
 }).then(async (server) => {
-  console.log('[MOCK RPC API]', server.url);
+  console.log('[MOCK RPC API]', server.url); // eslint-disable-line

  server.get('/', (req, res) => {
    res.send('Zcash RPC');
--- a/tests/setup/utils.js
+++ b/tests/setup/utils.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable import/no-extraneous-dependencies */
 import electron from 'electron';
 import { Application } from 'spectron';
--- a/tests/utils/filter-object-null-keys.test.js
+++ b/tests/utils/filter-object-null-keys.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import 'jest-dom/extend-expect';

 import { filterObjectNullKeys } from '../../app/utils/filter-object-null-keys';
@ -18,5 +19,5 @@ describe('filterObjectNullKeys', () => {
    };

    expect(filterObjectNullKeys(initialState)).toEqual(expectedState);
-  })
-})
+  });
+});
--- a/tests/utils/format-number.test.js
+++ b/tests/utils/format-number.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import { BigNumber } from 'bignumber.js';
 import 'jest-dom/extend-expect';

@ -34,4 +35,4 @@ describe('formatNumber', () => {

    expect(myBalanceInUsd).toEqual(expectedState);
  });
-})
+});
--- a/tests/utils/timestamp.test.js
+++ b/tests/utils/timestamp.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import 'jest-dom/extend-expect';

 import { getTimestamp } from '../../app/utils/timestamp';
@ -8,6 +9,5 @@ describe('generate timestamp', () => {
    const now = getTimestamp();

    expect(now).toEqual(expect.any(Number));
-
  });
-})
+});
--- a/tests/utils/truncate-address.test.js
+++ b/tests/utils/truncate-address.test.js
@ -1,4 +1,5 @@
 // @flow
+
 import 'jest-dom/extend-expect';

 import { truncateAddress } from '../../app/utils/truncate-address';
@ -11,4 +12,4 @@ describe('truncateAddress', () => {

    expect(myAddress).toEqual(expectedState);
  });
-})
+});
--- a/app/components/button.js
+++ b/app/components/button.js
@ -1,13 +1,12 @@
 // @flow

-import React from 'react';
+import React, { type ElementProps } from 'react';
 import styled from 'styled-components';
 import { Link } from 'react-router-dom';
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable max-len */
 // $FlowFixMe
 import { darken } from 'polished';
-import type { ElementProps } from 'react';

 const DefaultButton = styled.button`
  align-items: center;
@ -102,12 +101,18 @@ export const Button = ({
  const buttonLabel = isLoading ? 'Loading...' : label;

  const component = variant === 'primary' ? (
-    <Primary {...props} data-testid='PrimaryButton'>
+    <Primary
+      {...props}
+      data-testid='PrimaryButton'
+    >
      {icon ? <Icon src={icon} /> : null}
      {buttonLabel}
    </Primary>
  ) : (
-    <Secondary {...props} data-testid='SecondaryButton'>
+    <Secondary
+      {...props}
+      data-testid='SecondaryButton'
+    >
      {icon ? <Icon src={icon} /> : null}
      {buttonLabel}
    </Secondary>
--- a/app/components/clipboard.js
+++ b/app/components/clipboard.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent } from 'react';

 import { Button } from './button';
--- a/app/components/confirm-dialog.js
+++ b/app/components/confirm-dialog.js
@ -1,5 +1,6 @@
 // @flow
-import React, { type Element } from 'react';
+
+import React, { Fragment, type Element } from 'react';
 import styled from 'styled-components';

 import { TextComponent } from './text';
@ -82,15 +83,21 @@ export const ConfirmDialogComponent = ({
      {toggle => (
        <Wrapper width={Number(width)}>
          <CloseIconWrapper>
-            <CloseIconImg src={CloseIcon} onClick={handleClose(toggle)} />
+            <CloseIconImg
+              src={CloseIcon}
+              onClick={handleClose(toggle)}
+            />
          </CloseIconWrapper>
          <TitleWrapper>
-            <TextComponent value={title} align='center' />
+            <TextComponent
+              value={title}
+              align='center'
+            />
          </TitleWrapper>
          <Divider opacity={0.3} />
          {children(handleClose(toggle))}
          {showButtons && (
-            <>
+            <Fragment>
              <Btn
                id='confirm-modal-button'
                label='Confirm'
@ -103,7 +110,7 @@ export const ConfirmDialogComponent = ({
                variant='secondary'
                disabled={isLoading}
              />
-            </>
+            </Fragment>
          )}
        </Wrapper>
      )}
--- a/app/components/divider.js
+++ b/app/components/divider.js
@ -1,4 +1,5 @@
 // @flow
+
 import styled from 'styled-components';

 export const Divider = styled.div`
--- a/app/components/dropdown.js
+++ b/app/components/dropdown.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { type Node, Component } from 'react';
 import styled from 'styled-components';
 /* eslint-disable import/no-extraneous-dependencies */
@ -99,16 +100,30 @@ export class DropdownComponent extends Component<Props, State> {
    } = this.props;

    const body = [
-      <ClickOutside onClickOutside={() => this.setState(() => ({ isOpen: false }))}>
+      <ClickOutside
+        onClickOutside={() => this.setState(() => ({ isOpen: false }))}
+      >
        <MenuWrapper>
          {label && (
-            <MenuItem disabled isGroupLabel>
-              <TextComponent value={label} isBold />
+            <MenuItem
+              disabled
+              isGroupLabel
+            >
+              <TextComponent
+                value={label}
+                isBold
+              />
            </MenuItem>
          )}
          {options.map(({ label: optionLabel, onClick }) => (
-            <OptionItem onClick={onClick} key={optionLabel} data-testid='DropdownOption'>
-              <Option value={truncate ? truncateAddress(optionLabel) : optionLabel} />
+            <OptionItem
+              onClick={onClick}
+              key={optionLabel}
+              data-testid='DropdownOption'
+            >
+              <Option
+                value={truncate ? truncateAddress(optionLabel) : optionLabel}
+              />
            </OptionItem>
          ))}
        </MenuWrapper>
@ -123,7 +138,9 @@ export class DropdownComponent extends Component<Props, State> {
        tipSize={7}
        body={body}
      >
-        {renderTrigger(() => this.setState(state => ({ isOpen: !state.isOpen })), isOpen)}
+        {renderTrigger(() => this.setState(state => ({
+          isOpen: !state.isOpen,
+        })), isOpen)}
      </PopoverWithStyle>
    );
  }
--- a/app/components/empty-transactions.js
+++ b/app/components/empty-transactions.js
@ -1,4 +1,5 @@
 // @flow
+
 import React from 'react';
 import styled from 'styled-components';

--- a/app/components/error-modal.js
+++ b/app/components/error-modal.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
@ -78,17 +79,21 @@ export class ErrorModalComponent extends PureComponent<Props> {
  render() {
    const { isVisible, message, onRequestClose } = this.props;

-    return isVisible
-      ? createPortal(
-        <ModalWrapper id='error-modal-portal-wrapper'>
-          <ChildrenWrapper>
-            <ErrorImage src={ErrorIcon} alt='Error Icon' />
-            <Message value={message} />
-            <Button label='Ok!' onClick={onRequestClose} />
-          </ChildrenWrapper>
-        </ModalWrapper>,
-        this.element,
-      )
-      : null;
+    return !isVisible ? null : createPortal(
+      <ModalWrapper id='error-modal-portal-wrapper'>
+        <ChildrenWrapper>
+          <ErrorImage
+            src={ErrorIcon}
+            alt='Error Icon'
+          />
+          <Message value={message} />
+          <Button
+            label='Ok!'
+            onClick={onRequestClose}
+          />
+        </ChildrenWrapper>
+      </ModalWrapper>,
+      this.element,
+    );
  }
 }
--- a/app/components/header.js
+++ b/app/components/header.js
@ -1,6 +1,6 @@
 // @flow
-import React from 'react';

+import React from 'react';
 import styled from 'styled-components';

 import { ZcashLogo } from './zcash-logo';
@ -69,9 +69,15 @@ export const HeaderComponent = ({ title }: Props) => (
      <ZcashLogo />
    </LogoWrapper>
    <TitleWrapper>
-      <TitleRow alignItems='center' justifyContent='space-around'>
+      <TitleRow
+        alignItems='center'
+        justifyContent='space-around'
+      >
        <Title value={title} />
-        <Status type='syncing' progress={0} />
+        <Status
+          type='syncing'
+          progress={0}
+        />
      </TitleRow>
      <Divider opacity={0.1} />
    </TitleWrapper>
--- a/app/components/input-label.js
+++ b/app/components/input-label.js
@ -1,4 +1,5 @@
 //  @flow
+
 import styled from 'styled-components';

 import { TextComponent } from './text';
--- a/app/components/input.js
+++ b/app/components/input.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { type Element } from 'react';
 import styled from 'styled-components';

@ -55,7 +56,6 @@ export const InputComponent = ({
  ...props
 }: Props) => {
  const rightElement = renderRight();
-
  const inputTypes = {
    input: () => (
      <Input
--- a/app/components/layout.js
+++ b/app/components/layout.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { type Element } from 'react';
 import styled from 'styled-components';

--- a/app/components/loading-screen.js
+++ b/app/components/loading-screen.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent } from 'react';
 import styled from 'styled-components';
 import { Transition, animated } from 'react-spring';
@ -86,6 +87,7 @@ export class LoadingScreen extends PureComponent<Props, State> {
        >
          {() => props => (
            <animated.div
+              id='loading-screen'
              style={{
                ...props,
                display: 'flex',
@ -93,13 +95,15 @@ export class LoadingScreen extends PureComponent<Props, State> {
                alignItems: 'center',
                justifyContent: 'center',
              }}
-              id='loading-screen'
            >
              <CircleWrapper>
-                <Logo src={zcashLogo} alt='Zcash logo' />
+                <Logo
+                  src={zcashLogo}
+                  alt='Zcash Logo'
+                />
                <CircleProgressComponent
                  progress={progress}
-                  s
+                  s // TODO: check if this has any effect
                  responsive
                  showPercentage={false}
                  progressColor={theme.colors.activeItem}
--- a/app/components/modal.js
+++ b/app/components/modal.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent, Fragment, type Element } from 'react';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
@ -69,23 +70,19 @@ export class ModalComponent extends PureComponent<Props, State> {
    }
  };

-  open = () => {
-    this.setState(
-      () => ({ isVisible: true }),
-      () => {
-        if (modalRoot) modalRoot.appendChild(this.element);
-      },
-    );
-  };
+  open = () => this.setState(
+    () => ({ isVisible: true }),
+    () => {
+      if (modalRoot) modalRoot.appendChild(this.element);
+    },
+  );

-  close = () => {
-    this.setState(
-      () => ({ isVisible: false }),
-      () => {
-        if (modalRoot) modalRoot.removeChild(this.element);
-      },
-    );
-  };
+  close = () => this.setState(
+    () => ({ isVisible: false }),
+    () => {
+      if (modalRoot) modalRoot.removeChild(this.element);
+    },
+  );

  render() {
    const { renderTrigger, children, closeOnBackdropClick } = this.props;
@ -95,23 +92,21 @@ export class ModalComponent extends PureComponent<Props, State> {
    return (
      <Fragment>
        {renderTrigger(toggleVisibility)}
-        {isVisible
-          ? createPortal(
-            <ModalWrapper
-              id='modal-portal-wrapper'
-              data-testid='Modal'
-              onClick={(event) => {
-                if (
-                  closeOnBackdropClick
-                    && event.target.id === 'modal-portal-wrapper'
-                ) this.close();
-              }}
-            >
-              <ChildrenWrapper>{children(toggleVisibility)}</ChildrenWrapper>
-            </ModalWrapper>,
-            this.element,
-          )
-          : null}
+        {!isVisible ? null : createPortal(
+          <ModalWrapper
+            id='modal-portal-wrapper'
+            data-testid='Modal'
+            onClick={(event) => {
+              if (
+                closeOnBackdropClick
+                  && event.target.id === 'modal-portal-wrapper'
+              ) this.close();
+            }}
+          >
+            <ChildrenWrapper>{children(toggleVisibility)}</ChildrenWrapper>
+          </ModalWrapper>,
+          this.element,
+        )}
      </Fragment>
    );
  }
--- a/app/components/modal.mdx
+++ b/app/components/modal.mdx
@ -12,12 +12,15 @@ import { ModalComponent } from './modal.js'

 <PropsTable of={ModalComponent} />

-## Basic usage
+## Basic Usage

 <Playground>
  <ModalComponent
    renderTrigger={toggleVisibility => (
-      <button type="button" onClick={toggleVisibility}>
+      <button
+        type="button"
+        onClick={toggleVisibility}
+      >
        Open Modal
      </button>
    )}
@ -25,7 +28,10 @@ import { ModalComponent } from './modal.js'
    {toggleVisibility => (
      <div style={{ padding: '50px', backgroundColor: 'white' }}>
        Modal Content
-        <button type="button" onClick={toggleVisibility}>
+        <button
+          type="button"
+          onClick={toggleVisibility}
+        >
          Close Modal
        </button>
      </div>
@ -40,7 +46,10 @@ import { ModalComponent } from './modal.js'
    closeOnEsc={false}
    closeOnBackdropClick={false}
    renderTrigger={toggleVisibility => (
-      <button type="button" onClick={toggleVisibility}>
+      <button
+        type="button"
+        onClick={toggleVisibility}
+      >
        Open Modal
      </button>
    )}
@ -48,7 +57,10 @@ import { ModalComponent } from './modal.js'
    {toggleVisibility => (
      <div style={{ padding: '50px', backgroundColor: 'white' }}>
        Modal Content
-        <button type="button" onClick={toggleVisibility}>
+        <button
+          type="button"
+          onClick={toggleVisibility}
+        >
          Close Modal
        </button>
      </div>
--- a/app/components/qrcode.js
+++ b/app/components/qrcode.js
@ -9,7 +9,11 @@ type Props = {
 };

 export const QRCode = ({ value, size }: Props) => (
-  <QR data-testid='QRCode' value={value} size={size} />
+  <QR
+    data-testid='QRCode'
+    value={value}
+    size={size}
+  />
 );

 QRCode.defaultProps = {
--- a/app/components/qrcode.mdx
+++ b/app/components/qrcode.mdx
@ -12,13 +12,13 @@ import { QRCode } from './qrcode.js'

 <PropsTable of={QRCode} />

-## Basic usage
+## Basic Usage

 <Playground>
  <QRCode value='https://z.cash.foundation' />
 </Playground>

-## Custom size
+## Custom Size

 <Playground>
  <QRCode
--- a/app/components/select.js
+++ b/app/components/select.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent } from 'react';
 import styled from 'styled-components';

@ -46,6 +47,7 @@ const SelectMenuButtonWrapper = styled.div`
  padding: 13px;
  border-left: ${props => `1px solid ${props.theme.colors.background}`};
 `;
+
 /* eslint-disable max-len */
 const SelectMenuButton = styled.button`
  padding: 3px 7px;
@ -100,6 +102,7 @@ type Props = {
  placement?: 'top' | 'bottom',
  bgColor?: string,
 };
+
 type State = {
  isOpen: boolean,
 };
@ -123,7 +126,10 @@ export class SelectComponent extends PureComponent<Props, State> {

  handleClickOutside = (event: Object) => {
    const { isOpen } = this.state;
-    if (isOpen && event.target.id !== 'select-options-wrapper') this.setState(() => ({ isOpen: false }));
+
+    if (isOpen && event.target.id !== 'select-options-wrapper') {
+      this.setState(() => ({ isOpen: false }));
+    }
  };

  getSelectedLabel = (value: string) => {
@ -145,10 +151,10 @@ export class SelectComponent extends PureComponent<Props, State> {
  };

  render() {
+    const { isOpen } = this.state;
    const {
      value, options, placeholder, placement, bgColor,
    } = this.props;
-    const { isOpen } = this.state;

    return (
      <SelectWrapper
--- a/app/components/sidebar.js
+++ b/app/components/sidebar.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable max-len */
 import React from 'react';
 import styled from 'styled-components';
@ -15,6 +16,7 @@ const Wrapper = styled.div`
  padding-top: 15px;
  position: relative;
 `;
+
 /* eslint-disable max-len */
 const StyledLink = styled.a`
  color: ${props => (props.isActive ? props.theme.colors.sidebarItemActive : props.theme.colors.sidebarItem)};
@ -72,7 +74,11 @@ export const SidebarComponent = ({ options, location, history }: Props) => (
          key={item.route}
          onClick={() => (isActive ? {} : history.push(item.route))}
        >
-          <Icon isActive={isActive} src={item.icon(isActive)} alt={`${item.route}`} />
+          <Icon
+            isActive={isActive}
+            src={item.icon(isActive)}
+            Alt={`${item.route}`}
+          />
          {item.label}
        </StyledLink>
      );
--- a/app/components/status-pill.js
+++ b/app/components/status-pill.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { Component } from 'react';
 import styled, { keyframes } from 'styled-components';
 import eres from 'eres';
--- a/app/components/status-pill.mdx
+++ b/app/components/status-pill.mdx
@ -17,7 +17,7 @@ import { DoczWrapper } from '../theme.js'

 <Playground>
  <DoczWrapper>
-    {() => 
+    {() =>
      <StatusPill
        progress={99.3}
        type='syncing'
@ -30,7 +30,7 @@ import { DoczWrapper } from '../theme.js'

 <Playground>
  <DoczWrapper>
-    {() => 
+    {() =>
      <StatusPill
        progress={100.}
        type='ready'
@ -44,7 +44,7 @@ import { DoczWrapper } from '../theme.js'

 <Playground>
  <DoczWrapper>
-    {() => 
+    {() =>
      <StatusPill
        progress={0.}
        type='error'
--- a/app/components/text.js
+++ b/app/components/text.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable max-len */
 import React from 'react';
 import styled from 'styled-components';
--- a/app/components/transaction-daily.js
+++ b/app/components/transaction-daily.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { Fragment } from 'react';
 import styled from 'styled-components';

--- a/app/components/transaction-details.js
+++ b/app/components/transaction-details.js
@ -1,4 +1,5 @@
 // @flow
+
 import React from 'react';
 import styled from 'styled-components';
 import dateFns from 'date-fns';
@ -143,13 +144,22 @@ export const TransactionDetailsComponent = ({
  return (
    <Wrapper>
      <CloseIconWrapper>
-        <CloseIconImg src={CloseIcon} onClick={handleClose} />
+        <CloseIconImg
+          src={CloseIcon}
+          onClick={handleClose}
+        />
      </CloseIconWrapper>
      <TitleWrapper>
-        <TextComponent value='Transaction Details' align='center' />
+        <TextComponent
+          value='Transaction Details'
+          align='center'
+        />
      </TitleWrapper>
      <DetailsWrapper>
-        <Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
+        <Icon
+          src={isReceived ? ReceivedIcon : SentIcon}
+          alt='Transaction Type Icon'
+        />
        <TextComponent
          isBold
          size={2.625}
@ -171,10 +181,16 @@ export const TransactionDetailsComponent = ({
      <InfoRow>
        <ColumnComponent>
          <Label value='DATE' />
-          <TextComponent value={dateFns.format(new Date(date), 'MMMM D, YYYY HH:MMA')} />
+          <TextComponent
+            value={dateFns.format(new Date(date), 'MMMM D, YYYY HH:MMA')}
+          />
        </ColumnComponent>
        <ColumnComponent>
-          <TextComponent value='FEES' isBold color={theme.colors.transactionsDetailsLabel} />
+          <TextComponent
+            value='FEES'
+            isBold
+            color={theme.colors.transactionsDetailsLabel}
+          />
          <TextComponent
            value={formatNumber({
              value: new BigNumber(amount).times(0.1).toNumber(),
@ -187,7 +203,9 @@ export const TransactionDetailsComponent = ({
      <InfoRow>
        <ColumnComponent width='100%'>
          <Label value='TRANSACTION ID' />
-          <TransactionId onClick={() => openExternal(ZCASH_EXPLORER_BASE_URL + transactionId)}>
+          <TransactionId
+            onClick={() => openExternal(ZCASH_EXPLORER_BASE_URL + transactionId)}
+          >
            <Ellipsis value={transactionId} />
          </TransactionId>
        </ColumnComponent>
--- a/app/components/transaction-item.js
+++ b/app/components/transaction-item.js
@ -1,4 +1,5 @@
 // @flow
+
 import React from 'react';
 import styled from 'styled-components';
 import dateFns from 'date-fns';
@ -97,9 +98,16 @@ export const TransactionItemComponent = ({
        >
          <RowComponent alignItems='center'>
            <RowComponent alignItems='center'>
-              <Icon src={isReceived ? ReceivedIcon : SentIcon} alt='Transaction Type Icon' />
+              <Icon
+                src={isReceived ? ReceivedIcon : SentIcon}
+                alt='Transaction Type Icon'
+              />
              <TransactionColumn>
-                <TransactionTypeLabel isReceived={isReceived} value={type} isBold />
+                <TransactionTypeLabel
+                  isReceived={isReceived}
+                  value={type}
+                  isBold
+                />
                <TransactionTime value={transactionTime} />
              </TransactionColumn>
            </RowComponent>
@ -111,7 +119,10 @@ export const TransactionItemComponent = ({
              value={transactionValueInZec}
              color={isReceived ? theme.colors.transactionReceived : theme.colors.transactionSent}
            />
-            <TextComponent value={transactionValueInUsd} color={theme.colors.inactiveItem} />
+            <TextComponent
+              value={transactionValueInUsd}
+              color={theme.colors.inactiveItem}
+            />
          </ColumnComponent>
        </Wrapper>
      )}
--- a/app/components/wallet-address.js
+++ b/app/components/wallet-address.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { Component } from 'react';
 import styled from 'styled-components';

@ -57,18 +58,9 @@ export class WalletAddress extends Component<Props, State> {
    isVisible: false,
  };

-  show = () => {
-    this.setState(
-      () => ({ isVisible: true }),
-    );
-  };
-
-  hide = () => {
-    this.setState(
-      () => ({ isVisible: false }),
-    );
-  };
+  show = () => this.setState(() => ({ isVisible: true }));

+  hide = () => this.setState(() => ({ isVisible: false }));

  render() {
    const { address } = this.props;
@ -90,13 +82,11 @@ export class WalletAddress extends Component<Props, State> {
            variant='secondary'
          />
        </AddressWrapper>
-        {isVisible
-          ? (
-            <QRCodeWrapper>
-              <QRCode value={address} />
-            </QRCodeWrapper>
-          )
-          : null}
+        {!isVisible ? null : (
+          <QRCodeWrapper>
+            <QRCode value={address} />
+          </QRCodeWrapper>
+        )}
      </ColumnComponent>
    );
  }
--- a/app/components/wallet-summary.js
+++ b/app/components/wallet-summary.js
@ -1,4 +1,5 @@
 // @flow
+
 import React from 'react';
 import styled from 'styled-components';

@ -70,22 +71,34 @@ export const WalletSummaryComponent = ({
    </ValueBox>
    <RowComponent>
      <ValueBox>
-        <ShieldedValue value='&#9679; SHIELDED' isBold size={theme.fontSize.small} />
+        <ShieldedValue
+          value='&#9679; SHIELDED'
+          isBold
+          size={theme.fontSize.small}
+        />
        <TextComponent
          value={`ZEC ${formatNumber({ value: shielded })}`}
          isBold
          size={theme.fontSize.medium}
        />
-        <USDValue value={`USD $${formatNumber({ value: shielded * zecPrice })}`} />
+        <USDValue
+          value={`USD $${formatNumber({ value: shielded * zecPrice })}`}
+        />
      </ValueBox>
      <ValueBox>
-        <Label value='&#9679; TRANSPARENT' isBold size={theme.fontSize.small} />
+        <Label
+          value='&#9679; TRANSPARENT'
+          isBold
+          size={theme.fontSize.small}
+        />
        <TextComponent
          value={`ZEC ${formatNumber({ value: transparent })}`}
          isBold
          size={theme.fontSize.medium}
        />
-        <USDValue value={`USD $${formatNumber({ value: transparent * zecPrice })}`} />
+        <USDValue
+          value={`USD $${formatNumber({ value: transparent * zecPrice })}`}
+        />
      </ValueBox>
    </RowComponent>
  </Wrapper>
--- a/app/components/wallet-summary.mdx
+++ b/app/components/wallet-summary.mdx
@ -13,7 +13,7 @@ import { DoczWrapper } from '../theme.js'

 <PropsTable of={WalletSummaryComponent} />

-## Basic usage
+## Basic Usage

 <Playground>
  <DoczWrapper>
--- a/app/components/with-daemon-status-check.js
+++ b/app/components/with-daemon-status-check.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { type ComponentType, Component } from 'react';

 import { LoadingScreen } from './loading-screen';
--- a/app/components/zcash-logo.js
+++ b/app/components/zcash-logo.js
@ -2,7 +2,10 @@
 import React from 'react';

 export const ZcashLogo = () => (
-  <svg xmlns='http://www.w3.org/2000/svg' viewBox='-75 -10 175 175'>
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    viewBox='-75 -10 175 175'
+  >
    <defs>
      <style>{'.a{ fill:#040508; }'}</style>
    </defs>
--- a/app/constants/explorer.js
+++ b/app/constants/explorer.js
@ -1,4 +1,5 @@
 // @flow
+
 import isDev from 'electron-is-dev';

 export const ZCASH_EXPLORER_BASE_URL = isDev
--- a/app/constants/sidebar.js
+++ b/app/constants/sidebar.js
@ -1,4 +1,5 @@
 // @flow
+
 import DashboardIcon from '../assets/images/dashboard_icon.svg';
 import DashboardIconActive from '../assets/images/dashboard_icon_active.svg';
 import ConsoleIcon from '../assets/images/console_icon.svg';
--- a/app/containers/app.js
+++ b/app/containers/app.js
@ -1,4 +1,5 @@
 // @flow
+
 import { connect } from 'react-redux';
 import { closeErrorModal } from '../redux/modules/app';

--- a/app/containers/receive.js
+++ b/app/containers/receive.js
@ -1,4 +1,5 @@
 // @flow
+
 import eres from 'eres';
 import { connect } from 'react-redux';

--- a/app/containers/send.js
+++ b/app/containers/send.js
@ -1,6 +1,7 @@
 // @flow
-import { connect } from 'react-redux';
+
 import eres from 'eres';
+import { connect } from 'react-redux';
 import { BigNumber } from 'bignumber.js';

 import store from '../../config/electron-store';
@ -22,7 +23,10 @@ import { filterObjectNullKeys } from '../utils/filter-object-null-keys';
 import type { AppState } from '../types/app-state';
 import type { Dispatch } from '../types/redux';

-import { loadAddressesSuccess, loadAddressesError } from '../redux/modules/receive';
+import {
+  loadAddressesSuccess,
+  loadAddressesError,
+} from '../redux/modules/receive';

 export type SendTransactionInput = {
  from: string,
--- a/app/containers/settings.js
+++ b/app/containers/settings.js
@ -1,4 +1,5 @@
 // @flow
+
 import { connect } from 'react-redux';

 import { SettingsView } from '../views/settings';
--- a/app/containers/transactions.js
+++ b/app/containers/transactions.js
@ -1,6 +1,7 @@
 // @flow
-import { connect } from 'react-redux';
+
 import eres from 'eres';
+import { connect } from 'react-redux';
 import flow from 'lodash.flow';
 import groupBy from 'lodash.groupby';
 import dateFns from 'date-fns';
--- a/app/redux/modules/app.js
+++ b/app/redux/modules/app.js
@ -1,4 +1,5 @@
 // @flow
+
 import type { Action } from '../../types/redux';

 // Actions
--- a/app/redux/modules/receive.js
+++ b/app/redux/modules/receive.js
@ -1,4 +1,5 @@
 // @flow
+
 import type { Action } from '../../types/redux';

 // Actions
--- a/app/redux/modules/send.js
+++ b/app/redux/modules/send.js
@ -67,6 +67,7 @@ const initialState: State = {
  isToAddressValid: false,
  zecPrice: 0,
 };
+
 // eslint-disable-next-line
 export default (state: State = initialState, action: Action): State => {
  switch (action.type) {
--- a/app/redux/modules/transactions.js
+++ b/app/redux/modules/transactions.js
@ -1,4 +1,5 @@
 // @flow
+
 import type { Action } from '../../types/redux';
 import type { Transaction } from '../../components/transaction-item';

@ -46,6 +47,7 @@ const initialState = {
  error: null,
  isLoading: false,
 };
+
 // eslint-disable-next-line
 export default (state: State = initialState, action: Action) => {
  switch (action.type) {
--- a/app/redux/modules/wallet.js
+++ b/app/redux/modules/wallet.js
@ -1,4 +1,5 @@
 // @flow
+
 import type { Action } from '../../types/redux';
 import type { TransactionsList } from './transactions';

@ -65,6 +66,7 @@ const initialState = {
  addresses: [],
  transactions: [],
 };
+
 // eslint-disable-next-line
 export default (state: State = initialState, action: Action) => {
  switch (action.type) {
--- a/app/router/container.js
+++ b/app/router/container.js
@ -1,4 +1,5 @@
 // @flow
+
 import { compose } from 'redux';
 import { withRouter } from 'react-router-dom';
 import { RouterComponent } from './router';
--- a/app/router/router.js
+++ b/app/router/router.js
@ -55,17 +55,39 @@ export const RouterComponent = ({
  <FullWrapper>
    <HeaderComponent title={getTitle(location.pathname)} />
    <ContentWrapper>
-      <SidebarContainer location={location} history={history} />
+      <SidebarContainer
+        location={location}
+        history={history}
+      />
      {/* $FlowFixMe */}
      <LayoutComponent>
        <ScrollTopComponent>
          <Switch>
-            <Route exact path={DASHBOARD_ROUTE} component={DashboardContainer} />
-            <Route path={SEND_ROUTE} component={SendContainer} />
-            <Route path={RECEIVE_ROUTE} component={ReceiveContainer} />
-            <Route path={SETTINGS_ROUTE} component={SettingsContainer} />
-            <Route path={CONSOLE_ROUTE} component={ConsoleView} />
-            <Route path={TRANSACTIONS_ROUTE} component={TransactionsContainer} />
+            <Route
+              exact
+              path={DASHBOARD_ROUTE}
+              component={DashboardContainer}
+            />
+            <Route
+              path={SEND_ROUTE}
+              component={SendContainer}
+            />
+            <Route
+              path={RECEIVE_ROUTE}
+              component={ReceiveContainer}
+            />
+            <Route
+              path={SETTINGS_ROUTE}
+              component={SettingsContainer}
+            />
+            <Route
+              path={CONSOLE_ROUTE}
+              component={ConsoleView}
+            />
+            <Route
+              path={TRANSACTIONS_ROUTE}
+              component={TransactionsContainer}
+            />
            <Route component={NotFoundView} />
          </Switch>
        </ScrollTopComponent>
--- a/app/theme.js
+++ b/app/theme.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { Fragment } from 'react';
 import theme from 'styled-theming';
 import { ThemeProvider, createGlobalStyle } from 'styled-components';
--- a/app/utils/filter-object-null-keys.js
+++ b/app/utils/filter-object-null-keys.js
@ -1,4 +1,5 @@
 // @flow
+
 export const filterObjectNullKeys = (obj: Object) => Object.keys(obj).reduce((acc, cur) => {
  if (obj[cur] === null || obj[cur] === undefined || obj[cur] === '') {
    return acc;
--- a/app/utils/open-external.js
+++ b/app/utils/open-external.js
@ -1,4 +1,5 @@
 // @flow
+
 // eslint-disable-next-line
 import electron from 'electron';

--- a/app/utils/sort-by.js
+++ b/app/utils/sort-by.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable max-len */
 // $FlowFixMe
 export default <T>(field: string) => (arr: T[]): T[] => arr.sort((a, b) => (a[field] < b[field] ? 1 : -1));
--- a/app/views/console.js
+++ b/app/views/console.js
@ -38,7 +38,7 @@ const defaultState = `
  Thank you for running a Zcash node!
  You're helping to strengthen the network and contributing to a social good :)
  In order to ensure you are adequately protecting your privacy when using Zcash, please see <https://z.cash/support/security/>.
-  
+
  Block height | 0
  Connections | 0
  Network solution rate | 0 Sol/s
@ -80,7 +80,10 @@ export class ConsoleView extends Component<Props, State> {
    return (
      <Wrapper id='console-wrapper'>
        <Fragment>
-          <ConsoleImg src={ConsoleSymbol} alt='Zcashd' />
+          <ConsoleImg
+            src={ConsoleSymbol}
+            alt='Zcashd'
+          />
          {log.split('\n').map((item, idx) => (
            <Fragment key={uuid()}>
              <ConsoleText value={item} />
--- a/app/views/dashboard.js
+++ b/app/views/dashboard.js
@ -22,8 +22,8 @@ type Props = {

 export class DashboardView extends PureComponent<Props> {
  componentDidMount() {
-    /* eslint-disable-next-line */
-    this.props.getSummary();
+    const { getSummary } = this.props;
+    getSummary();
  }

  render() {
--- a/app/views/receive.js
+++ b/app/views/receive.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent } from 'react';
 import styled from 'styled-components';
 import { Transition, animated } from 'react-spring';
@ -106,16 +107,33 @@ export class ReceiveView extends PureComponent<Props, State> {
          <WalletAddress key={addr} address={addr} />
        ))}
        <Row>
-          <ActionButton onClick={this.toggleAdditionalOptions} isActive={showAdditionalOptions}>
-            <ActionIcon isActive={showAdditionalOptions} src={MenuIcon} alt='More Options' />
+          <ActionButton
+            onClick={this.toggleAdditionalOptions}
+            isActive={showAdditionalOptions}
+          >
+            <ActionIcon
+              isActive={showAdditionalOptions}
+              src={MenuIcon}
+              alt='More Options'
+            />
            <TextComponent value={buttonText} />
          </ActionButton>
-          <ActionButton onClick={() => this.generateNewAddress('shielded')}>
-            <ActionIcon src={PlusIcon} alt='New Shielded Address' />
+          <ActionButton
+            onClick={() => this.generateNewAddress('shielded')}
+          >
+            <ActionIcon
+              src={PlusIcon}
+              alt='New Shielded Address'
+            />
            <TextComponent value='New Shielded Address' />
          </ActionButton>
-          <ActionButton onClick={() => this.generateNewAddress('transparent')}>
-            <ActionIcon src={PlusIcon} alt='New Transparent Address' />
+          <ActionButton
+            onClick={() => this.generateNewAddress('transparent')}
+          >
+            <ActionIcon
+              src={PlusIcon}
+              alt='New Transparent Address'
+            />
            <TextComponent value='New Transparent Address' />
          </ActionButton>
        </Row>
@ -134,10 +152,19 @@ export class ReceiveView extends PureComponent<Props, State> {
          >
            {show => show
              && (props => (
-                <animated.div style={{ ...props, width: '100%', height: 'auto' }}>
+                <animated.div
+                  style={{
+                    ...props,
+                    width: '100%',
+                    height: 'auto',
+                  }}
+                >
                  <Label value='Transparent Address (not private)' />
                  {transparentAddresses.map(addr => (
-                    <WalletAddress key={addr} address={addr} />
+                    <WalletAddress
+                      key={addr}
+                      address={addr}
+                    />
                  ))}
                </animated.div>
              ))
--- a/app/views/send.js
+++ b/app/views/send.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { Fragment, PureComponent } from 'react';
 import styled, { keyframes } from 'styled-components';
 import { BigNumber } from 'bignumber.js';
--- a/app/views/settings.js
+++ b/app/views/settings.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable import/no-extraneous-dependencies */
 import fs from 'fs';
 import { promisify } from 'util';
--- a/app/views/transactions.js
+++ b/app/views/transactions.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { PureComponent, Fragment } from 'react';

 import { TransactionDailyComponent } from '../components/transaction-daily';
--- a/config/daemon/fetch-unix-params.js
+++ b/config/daemon/fetch-unix-params.js
@ -6,6 +6,7 @@ import cp from 'child_process';
 import getBinariesPath from './get-binaries-path';
 import log from './logger';

+// eslint-disable-next-line
 export default (): Promise<*> => new Promise((resolve, reject) => {
  const processName = path.join(getBinariesPath(), 'zcash-fetch-params');

--- a/config/daemon/fetch-windows-params.js
+++ b/config/daemon/fetch-windows-params.js
@ -49,7 +49,10 @@ const FILES: Array<{ name: string, hash: string }> = [
 ];

 // eslint-disable-next-line max-len
-const checkSha256 = (pathToFile: string, expectedHash: string) => new Promise((resolve, reject) => {
+const checkSha256 = (
+  pathToFile: string,
+  expectedHash: string,
+) => new Promise((resolve, reject) => {
  fs.readFile(pathToFile, (err, file) => {
    if (err) return reject(new Error(err));

@ -60,7 +63,10 @@ const checkSha256 = (pathToFile: string, expectedHash: string) => new Promise((r
 });

 // eslint-disable-next-line max-len
-const downloadFile = ({ file, pathToSave }): Promise<*> => new Promise((resolve, reject) => {
+const downloadFile = ({
+  file,
+  pathToSave,
+}): Promise<*> => new Promise((resolve, reject) => {
  if (!mainWindow.isDestroyed()) mainWindow.webContents.send('zcashd-params-download', `Downloading ${file.name}...`);
  log(`Downloading ${file.name}...`);

@ -84,6 +90,7 @@ const downloadFile = ({ file, pathToSave }): Promise<*> => new Promise((resolve,

 let missingDownloadParam = false;

+// eslint-disable-next-line
 export default (): Promise<*> => new Promise((resolve, reject) => {
  const firstRunProcess = cp.spawn(path.join(getBinariesPath(), 'win', 'first-run.bat'));
  firstRunProcess.stdout.on('data', data => log(data.toString()));
--- a/config/daemon/get-binaries-path.js
+++ b/config/daemon/get-binaries-path.js
@ -1,10 +1,12 @@
 // @flow
+
 import path from 'path';
 /* eslint-disable-next-line import/no-extraneous-dependencies */
 import isDev from 'electron-is-dev';

-/* eslint-disable operator-linebreak */
+// eslint-disable-next-line
 export default () => (isDev
  ? path.join(__dirname, '..', '..', './bin')
+  // eslint-disable-next-line
  : // $FlowFixMe
  path.join(process.resourcesPath, 'bin'));
--- a/config/daemon/get-daemon-name.js
+++ b/config/daemon/get-daemon-name.js
@ -2,4 +2,5 @@

 import os from 'os';

+// eslint-disable-next-line
 export default () => (os.platform() === 'win32' ? 'zcashd.exe' : 'zcashd');
--- a/config/daemon/get-os-folder.js
+++ b/config/daemon/get-os-folder.js
@ -1,6 +1,8 @@
 // @flow
+
 import os from 'os';

+// eslint-disable-next-line
 export default () => {
  if (os.platform() === 'darwin') {
    return 'mac';
--- a/config/daemon/locate-zcash-conf.js
+++ b/config/daemon/locate-zcash-conf.js
@ -1,4 +1,5 @@
 // @flow
+
 import path from 'path';
 import os from 'os';

--- a/config/daemon/logger.js
+++ b/config/daemon/logger.js
@ -1,4 +1,4 @@
 // @flow

-/* eslint-disable-next-line no-console */
+// eslint-disable-next-line
 export default (...message: Array<*>) => console.log('[Zcash Daemon]', ...message);
--- a/config/daemon/parse-zcash-conf.js
+++ b/config/daemon/parse-zcash-conf.js
@ -1,4 +1,5 @@
 // @flow
+
 import fs from 'fs';

 import { locateZcashConf } from './locate-zcash-conf';
--- a/config/daemon/run-fetch-params.js
+++ b/config/daemon/run-fetch-params.js
@ -1,10 +1,12 @@
 // @flow
+
 import os from 'os';

 import log from './logger';
 import fetchWindowsParams from './fetch-windows-params';
 import runUnixFetchParams from './fetch-unix-params';

+// eslint-disable-next-line
 export default (): Promise<*> => {
  log('Fetching params');

--- a/config/daemon/zcashd-child-process.js
+++ b/config/daemon/zcashd-child-process.js
@ -1,4 +1,5 @@
 // @flow
+
 import cp from 'child_process';
 import path from 'path';
 import os from 'os';
@ -120,4 +121,5 @@ const runDaemon: () => Promise<?ChildProcess> = () => new Promise(async (resolve
  }
 });

+// eslint-disable-next-line
 export default runDaemon;
--- a/config/electron-store.js
+++ b/config/electron-store.js
@ -1,6 +1,8 @@
 // @flow
+
 import Store from 'electron-store';

+// eslint-disable-next-line
 export default new Store({
  encryptionKey: 'afr58kk5xg6tz5o4kmvmw',
 });
--- a/config/electron.js
+++ b/config/electron.js
@ -1,4 +1,5 @@
 // @flow
+
 import '@babel/polyfill';
 import dotenv from 'dotenv';

@ -8,7 +9,6 @@ import path from 'path';
 import { app, BrowserWindow, typeof BrowserWindow as BrowserWindowType } from 'electron';
 import { autoUpdater } from 'electron-updater';
 import isDev from 'electron-is-dev';
-import eres from 'eres';
 import { registerDebugShortcut } from '../utils/debug-shortcut';
 import runDaemon from './daemon/zcashd-child-process';
 import zcashLog from './daemon/logger';
@ -46,6 +46,7 @@ const createWindow = () => {
      progress.transferred
    }/${progress.total})`,
  ));
+
  autoUpdater.on('update-downloaded', () => {
    updateAvailable = true;
    showStatus('Update downloaded');
--- a/config/webpack-dev.config.js
+++ b/config/webpack-dev.config.js
@ -1,3 +1,5 @@
+// @flow
+
 const path = require('path');
 const mainWebpack = require('./webpack-main.config');

--- a/config/webpack-main.config.js
+++ b/config/webpack-main.config.js
@ -1,3 +1,5 @@
+// @flow
+
 const HtmlWebPackPlugin = require('html-webpack-plugin'); // eslint-disable-line
 const TerserPlugin = require('terser-webpack-plugin'); // eslint-disable-line
 const autoprefixer = require('autoprefixer');
--- a/config/webpack-prod.config.js
+++ b/config/webpack-prod.config.js
@ -1,3 +1,5 @@
+// @flow
+
 const path = require('path');
 const mainWebpack = require('./webpack-main.config');

--- a/services/api.js
+++ b/services/api.js
@ -1,4 +1,5 @@
 // @flow
+
 import got from 'got';
 /* eslint-disable-next-line */
 import isDev from 'electron-is-dev';
@ -20,7 +21,6 @@ const client = got.extend({
  auth: `${RPC.user}:${RPC.password}`,
 });

-// $FlowFixMe
 const api: APIMethods = METHODS.reduce(
  (obj, method) => ({
    ...obj,
@ -39,4 +39,5 @@ const api: APIMethods = METHODS.reduce(
  {},
 );

+// eslint-disable-next-line
 export default api;
--- a/services/sync-status.js
+++ b/services/sync-status.js
@ -1,4 +1,5 @@
 // @flow
+
 import React, { type ComponentType, Component } from 'react';
 import eres from 'eres';

@ -55,8 +56,8 @@ export const withSyncStatus = <PassedProps: {}>(
    }

    render() {
-      const { type, progress} = this.state;
-  
+      const { type, progress } = this.state;
+
      return <WrappedComponent {...this.props} {...this.state} type={type} progress={progress} />;
    }
-  };
+  };
--- a/services/utils.js
+++ b/services/utils.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable max-len */

 export const METHODS = [
--- a/services/zec-price.js
+++ b/services/zec-price.js
@ -1,4 +1,5 @@
 // @flow
+
 /* eslint-disable import/no-extraneous-dependencies */
 // $FlowFixMe
 import { net } from 'electron';
@ -11,6 +12,7 @@ type Payload = {
  WARNING:
  Just a super fast way to get the zec price
 */
+// eslint-disable-next-line
 export default (currencies: string[] = ['USD']): Promise<Payload> => new Promise((resolve, reject) => {
  const ENDPOINT = `https://min-api.cryptocompare.com/data/price?fsym=ZEC&tsyms=${currencies.join(
    ',',
--- a/utils/debug-shortcut.js
+++ b/utils/debug-shortcut.js
@ -6,6 +6,5 @@ import { globalShortcut, typeof BrowserWindow, typeof app as ElectronApp } from
 export const registerDebugShortcut = (app: ElectronApp, mainWindow: BrowserWindow) => globalShortcut.register('CommandOrControl+Option+B', () => {
  // $FlowFixMe
  app.dock.show();
-  // $FlowFixMe
  mainWindow.webContents.openDevTools();
 });