clean up import order

.eslintrc.js

@@ -1,13 +1,21 @@
 module.exports = {
     parser: '@typescript-eslint/parser',
     extends: [
+        "eslint:recommended",
         'plugin:react/recommended',
-        'plugin:@typescript-eslint/recommended',
+        "plugin:@typescript-eslint/eslint-recommended",
+        "plugin:@typescript-eslint/recommended",
         'prettier/@typescript-eslint',
         'plugin:prettier/recommended',
+        'plugin:import/errors',
+        'plugin:import/warnings',
+        'plugin:import/typescript',
     ],
     parserOptions: {
         ecmaVersion: 2018,
         sourceType: 'module',
     },
+    rules: {
+        "import/order": ["error", {}]
+    }
 };

package.json

@@ -59,6 +59,7 @@
         "@typescript-eslint/parser": "^2.27.0",
         "eslint": "^6.8.0",
         "eslint-config-prettier": "^6.10.1",
+        "eslint-plugin-import": "^2.20.2",
         "eslint-plugin-prettier": "^3.1.2",
         "eslint-plugin-react": "^7.19.0",
         "prettier": "^2.0.4"

src/components/App.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
+import Container from 'react-bootstrap/Container';
 import Editor from './Editor';
 import Toolbar from './Toolbar';
 import Terminal from './Terminal';
 import StatusBar from './Statusbar';
-import Container from 'react-bootstrap/Container';
 
 function App(): JSX.Element {
     return (

src/components/BluetoothButton.tsx

@@ -1,10 +1,10 @@
-import ActionButton from './ActionButton';
 import { connect } from 'react-redux';
+import { ThunkDispatch } from 'redux-thunk';
+import { AnyAction } from 'redux';
 import { connect as bleConnect, disconnect as bleDisconnect } from '../actions/ble';
 import { RootState } from '../reducers';
 import { BLEConnectionState } from '../reducers/ble';
-import { ThunkDispatch } from 'redux-thunk';
-import { AnyAction } from 'redux';
+import ActionButton from './ActionButton';
 
 type Dispatch = ThunkDispatch<{}, {}, AnyAction>;
 

src/components/Terminal.tsx

@@ -4,9 +4,9 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { connect } from 'react-redux';
 import { Dispatch } from 'redux';
+import { Subscription } from 'rxjs';
 import { receiveData } from '../actions/terminal';
 import { terminalOutput } from '../epics/terminal';
-import { Subscription } from 'rxjs';
 
 import 'xterm/css/xterm.css';
 

src/components/Toolbar.tsx

@@ -3,8 +3,8 @@ import Col from 'react-bootstrap/Col';
 import ButtonGroup from 'react-bootstrap/ButtonGroup';
 import ButtonToolbar from 'react-bootstrap/ButtonToolbar';
 import React from 'react';
-import ActionButton from './ActionButton';
 import { BLEConnectionState } from '../reducers/ble';
+import ActionButton from './ActionButton';
 import BluetoothButton from './BluetoothButton';
 
 interface ToolbarState {

src/epics/ble.ts

@@ -1,6 +1,6 @@
 import { combineEpics, Epic, ofType } from 'redux-observable';
-import { BLEDataActionType, BLEDataAction } from '../actions/ble';
 import { map } from 'rxjs/operators';
+import { BLEDataActionType, BLEDataAction } from '../actions/ble';
 import { TerminalDataAction, sendData } from '../actions/terminal';
 
 const decoder = new TextDecoder();

src/epics/terminal.ts

@@ -1,7 +1,7 @@
 import { combineEpics, Epic, ofType } from 'redux-observable';
-import { write, BLEThunkAction } from '../actions/ble';
 import { Subject } from 'rxjs';
 import { map, tap, ignoreElements } from 'rxjs/operators';
+import { write, BLEThunkAction } from '../actions/ble';
 import { TerminalDataAction, TerminalDataActionType } from '../actions/terminal';
 
 const encoder = new TextEncoder();

src/index.tsx

@@ -2,11 +2,11 @@ import thunkMiddleware from 'redux-thunk';
 import { createLogger } from 'redux-logger';
 import { createEpicMiddleware } from 'redux-observable';
 import { createStore, applyMiddleware } from 'redux';
-import rootReducer from './reducers';
-import rootEpic from './epics';
 import React from 'react';
 import { Provider } from 'react-redux';
 import ReactDOM from 'react-dom';
+import rootEpic from './epics';
+import rootReducer from './reducers';
 import './index.scss';
 import App from './components/App';
 import * as serviceWorker from './serviceWorker';

yarn.lock

@@ -4906,6 +4906,24 @@ eslint-plugin-import@2.20.1:
     read-pkg-up "^2.0.0"
     resolve "^1.12.0"
 
+eslint-plugin-import@^2.20.2:
+  version "2.20.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.20.2.tgz#91fc3807ce08be4837141272c8b99073906e588d"
+  integrity sha512-FObidqpXrR8OnCh4iNsxy+WACztJLXAHBO5hK79T1Hc77PgQZkyDGA5Ag9xAvRpglvLNxhH/zSmZ70/pZ31dHg==
+  dependencies:
+    array-includes "^3.0.3"
+    array.prototype.flat "^1.2.1"
+    contains-path "^0.1.0"
+    debug "^2.6.9"
+    doctrine "1.5.0"
+    eslint-import-resolver-node "^0.3.2"
+    eslint-module-utils "^2.4.1"
+    has "^1.0.3"
+    minimatch "^3.0.4"
+    object.values "^1.1.0"
+    read-pkg-up "^2.0.0"
+    resolve "^1.12.0"
+
 eslint-plugin-jsx-a11y@6.2.3:
   version "6.2.3"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.2.3.tgz#b872a09d5de51af70a97db1eea7dc933043708aa"