Transform JSX components to TSX (#755)

* color picker types
* Import
* SetupAssistant
* Services & appear
* ServiceWebView
* SettingsLayout
* ImportantScreen
* WorkspaceDrawer
* SetupAssistant

* chore: update vscode settings
* chore: removed stale Import screen component & its tree

2 files changed, 79 insertions, 7 deletions

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 98529ee1f..9f26c98d1 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,8 +1,31 @@
 {
-    "recommendations": [
-      "esbenp.prettier-vscode",
-      "dbaeumer.vscode-eslint",
-      "codezombiech.gitignore",
-      "EditorConfig.EditorConfig"
-    ]
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "codezombiech.gitignore",
+    "editorconfig.editorconfig",
+    "steoates.autoimport",
+    "formulahendry.auto-rename-tag",
+    "streetsidesoftware.code-spell-checker",
+    "naumovs.color-highlight",
+    "mkhl.direnv",
+    "ms-azuretools.vscode-docker",
+    "usernamehw.errorlens",
+    "dsznajder.es7-react-js-snippets",
+    "mhutchie.git-graph",
+    "vincaslt.highlight-matching-tag",
+    "eamodio.gitlens",
+    "jbockle.jbockle-format-files",
+    "wix.vscode-import-cost",
+    "visualstudioexptteam.intellicode-api-usage-examples",
+    "visualstudioexptteam.vscodeintellicode",
+    "orta.vscode-jest",
+    "pkief.material-icon-theme",
+    "techer.open-in-browser",
+    "christian-kohler.path-intellisense",
+    "ofhumanbondage.react-proptypes-intellisense",
+    "jingkaizhao.vscode-redux-devtools",
+    "planbcoding.vscode-react-refactor",
+    "redhat.vscode-yaml"
+  ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 21bfab5db..815aa0cfb 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,5 +3,54 @@
   "js/ts.implicitProjectConfig.experimentalDecorators": true,
   "yaml.schemas": {
     "https://json.schemastore.org/github-issue-config.json": ".github/ISSUE_TEMPLATE/config.yml"
-  }
+  },
+
+  // "editor.fontFamily": "Fira Code",
+  // "editor.fontLigatures": true,
+  "editor.detectIndentation": false,
+  "editor.bracketPairColorization.enabled": true,
+  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
+  "editor.guides.bracketPairs": "active",
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true,
+    "source.fixAll.eslint": true
+  },
+
+  // "explorer.confirmDelete": false,
+  // "explorer.confirmDragAndDrop": false,
+
+  "eslint.enable": true,
+  "eslint.runtime": "node",
+  "eslint.format.enable": true,
+  "eslint.alwaysShowStatus": true,
+  "eslint.workingDirectories": [ { "mode": "auto" } ],
+  // "eslint.packageManager": "npm",
+  "eslint.validate": ["javascript","javascriptreact","typescript","typescriptreact"],
+  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+  "[javascript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },
+  "[javascriptreact]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },
+  "[typescript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },
+  "[typescriptreact]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" },
+  "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
+  "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
+
+
+  // "workbench.colorTheme": "Visual Studio Dark",
+  // "workbench.iconTheme": "material-icon-theme",
+
+  "terminal.integrated.sendKeybindingsToShell": true,
+  // "terminal.integrated.copyOnSelection": true,
+  "terminal.integrated.defaultProfile.osx": "zsh",
+  "terminal.integrated.cursorBlinking": true,
+  "terminal.integrated.cursorStyle": "block",
+  "terminal.integrated.shellIntegration.enabled":true,
+
+  "git.mergeEditor": false,
+  "git.enableSmartCommit": true,
+  "diffEditor.ignoreTrimWhitespace": false,
+
+  // "formatFiles.runOrganizeImports": true,
+
+  "javascript.preferences.importModuleSpecifier": "relative",
+  "typescript.preferences.importModuleSpecifier": "relative",
 }