chore: switch from tslint to eslint

ui/.eslintrc.json

@@ -0,0 +1,57 @@
+{
+  "root": true,
+  "env": {
+    "browser": true
+  },
+  "plugins": [
+    "jane",
+    "inferno"
+  ],
+  "extends": [
+    "plugin:jane/recommended",
+    "plugin:jane/typescript",
+    "plugin:inferno/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "warnOnUnsupportedTypeScriptVersion": false
+  },
+  "rules": {
+    "@typescript-eslint/camelcase": 0,
+    "@typescript-eslint/member-delimiter-style": 0,
+    "@typescript-eslint/no-empty-interface": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-this-alias": 0,
+    "@typescript-eslint/no-unused-vars": 0,
+    "@typescript-eslint/no-use-before-define": 0,
+    "@typescript-eslint/no-useless-constructor": 0,
+    "arrow-body-style": 0,
+    "curly": 0,
+    "eol-last": 0,
+    "eqeqeq": 0,
+    "func-style": 0,
+    "import/no-duplicates": 0,
+    "inferno/jsx-key": 0,
+    "inferno/jsx-no-target-blank": 0,
+    "inferno/jsx-props-class-name": 0,
+    "inferno/no-direct-mutation-state": 0,
+    "inferno/no-unknown-property": 0,
+    "max-statements": 0,
+    "new-cap": 0,
+    "no-console": 0,
+    "no-duplicate-imports": 0,
+    "no-extra-parens": 0,
+    "no-return-assign": 0,
+    "no-throw-literal": 0,
+    "no-trailing-spaces": 0,
+    "no-unused-expressions": 0,
+    "no-useless-constructor": 0,
+    "no-useless-escape": 0,
+    "no-var": 0,
+    "prefer-const": 0,
+    "prefer-rest-params": 0,
+    "quote-props": 0,
+    "unicorn/filename-case": 0
+  }
+}

ui/package.json

@@ -5,7 +5,8 @@
   "main": "index.js",
   "scripts": {
     "start": "node fuse dev",
-    "build": "node fuse prod"
+    "build": "node fuse prod",
+    "lint": "eslint --report-unused-disable-directives --ext .js,.ts,.tsx src"
   },
   "keywords": [],
   "author": "Dessalines",
@@ -43,6 +44,9 @@
   },
   "devDependencies": {
     "@types/i18next": "^12.1.0",
+    "eslint": "^6.5.1",
+    "eslint-plugin-inferno": "^7.14.3",
+    "eslint-plugin-jane": "^7.0.0",
     "fuse-box": "^3.1.3",
     "ts-transform-classcat": "^0.0.2",
     "ts-transform-inferno": "^4.0.2",

ui/src/components/symbols.tsx

@@ -8,7 +8,7 @@ export class Symbols extends Component<any, any> {
 
   render() {
     return (
-      <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+      <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
         <defs>
           <symbol id="icon-arrow-down" viewBox="0 0 26 28">
             <title>arrow-down</title>

ui/tslint.json

@@ -1,28 +0,0 @@
-{
-    "extends": "tslint:recommended",
-    "rules": {
-			"forin": false,
-			"indent": [ true, "spaces" ],
-			"interface-name": false,
-			"ban-types": true,
-			"max-classes-per-file": true,
-			"max-line-length": false,
-			"member-access": true,
-			"member-ordering": false,
-			"no-bitwise": false,
-			"no-conditional-assignment": false,
-			"no-debugger": false,
-			"no-empty": true,
-			"no-namespace": false,
-			"no-unused-expression": true,
-			"object-literal-sort-keys": true,
-			"one-variable-per-declaration": [true, "ignore-for-loop"],
-			"only-arrow-functions": [false],
-			"ordered-imports": true,
-			"prefer-const": true,
-			"prefer-for-of": false,
-			"quotemark": [ true, "single", "jsx-double" ],
-			"trailing-comma": [true, {"multiline": "never", "singleline": "never"}],
-			"variable-name": false
-    }
-}