flow

src/actions/devices.js

@@ -1,19 +1,23 @@
+// @flow
+
 // eslint-disable import/prefer-default-export
 
-export const devicesUpdate = payload => dispatch =>
-  dispatch({
-    type: 'DEVICES_UPDATE',
-    payload,
-  })
+import type { Device } from 'types/common'
+
+type devicesUpdateType = (Array<Device>) => { type: string, payload: Array<Device> }
+export const devicesUpdate: devicesUpdateType = payload => ({
+  type: 'DEVICES_UPDATE',
+  payload,
+})
 
-export const deviceAdd = payload => dispatch =>
-  dispatch({
-    type: 'DEVICE_ADD',
-    payload,
-  })
+type devicesAddType = Device => { type: string, payload: Device }
+export const deviceAdd: devicesAddType = payload => ({
+  type: 'DEVICE_ADD',
+  payload,
+})
 
-export const deviceRemove = payload => dispatch =>
-  dispatch({
-    type: 'DEVICE_REMOVE',
-    payload,
-  })
+type devicesRemoveType = Device => { type: string, payload: Device }
+export const deviceRemove: devicesRemoveType = payload => ({
+  type: 'DEVICE_REMOVE',
+  payload,
+})

src/components/SideBar.js

@@ -1,8 +1,10 @@
+// @flow
+
 import React, { PureComponent } from 'react'
 
 import Box from 'components/base/Box'
 
-class SideBar extends PureComponent {
+class SideBar extends PureComponent<{}> {
   render() {
     return (
       <Box bg="night" py={3} noShrink style={{ width: 250 }}>

src/components/TopBar.js

@@ -1,8 +1,10 @@
+// @flow
+
 import React, { PureComponent } from 'react'
 
 import Box from 'components/base/Box'
 
-class TopBar extends PureComponent {
+class TopBar extends PureComponent<{}> {
   render() {
     return (
       <Box bg="white" noShrink style={{ height: 60 }}>

src/globals.js

@@ -1,3 +1,5 @@
+// @flow
+
 const { NODE_ENV } = process.env
 
 global.__ENV__ = NODE_ENV || 'development'

src/main/ledger.js

@@ -1,3 +1,5 @@
+// @flow
+
 import { ipcMain } from 'electron'
 import { isLedgerDevice } from 'ledgerco/lib/utils'
 

src/types/common.js

@@ -0,0 +1,6 @@
+// @flow
+
+export type Device = {
+  vendorId: string,
+  productId: string,
+}