Add prettier to check formatting during CI linting (#557)

gui/.eslintrc.json

@@ -4,11 +4,7 @@
     "es2021": true,
     "jest": true
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "prettier"
-  ],
+  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
@@ -17,7 +13,7 @@
     "ecmaVersion": "latest",
     "sourceType": "module"
   },
-  "plugins": ["react-hooks", "@typescript-eslint", "prettier"],
+  "plugins": ["react-hooks", "@typescript-eslint"],
   "rules": {
     "react/react-in-jsx-scope": "off",
     "react/prop-types": "off",
@@ -27,7 +23,6 @@
     "no-inline-styles": "off",
     "@typescript-eslint/no-explicit-any": "off",
     "react/no-unescaped-entities": "off",
-    "prettier/prettier": "warn",
     "camelcase": "error",
     "@typescript-eslint/no-unused-vars": [
       "warn",

gui/package.json

@@ -37,7 +37,7 @@
     "dev": "tauri dev",
     "skipbundler": "tauri build -b none",
     "tauri": "tauri",
-    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx,json}\"",
+    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx,json}\" && prettier --check \"src/**/*.{js,jsx,ts,tsx,css,md,json}\"",
     "lint:fix": "eslint --fix \"src/**/*.{js,jsx,ts,tsx,json}\"",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,css,md,json}\"",
     "preview-vite": "vite preview",
@@ -73,11 +73,9 @@
     "cross-env": "^7.0.3",
     "eslint": "^8.18.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-typescript": "^3.1.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.0",
-    "eslint-plugin-prettier": "^4.1.0",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "postcss": "^8.4.12",

gui/src/components/onboarding/pages/ConnectTracker.tsx

@@ -7,7 +7,7 @@ import {
   StartWifiProvisioningRequestT,
   StopWifiProvisioningRequestT,
   WifiProvisioningStatus,
-  WifiProvisioningStatusResponseT
+  WifiProvisioningStatusResponseT,
 } from 'solarxr-protocol';
 import { useLayout } from '../../../hooks/layout';
 import { useOnboarding } from '../../../hooks/onboarding';

gui/src/components/tracker/TrackersTable.tsx

@@ -5,7 +5,7 @@ import { MouseEventHandler, ReactNode, useMemo, useState } from 'react';
 import {
   TrackerDataT,
   TrackerIdT,
-  TrackerStatus as TrackerStatusEnum
+  TrackerStatus as TrackerStatusEnum,
 } from 'solarxr-protocol';
 import { FlatDeviceTracker } from '../../hooks/app';
 import { useConfig } from '../../hooks/config';

gui/src/components/widgets/OverlayWidget.tsx

@@ -5,7 +5,7 @@ import { KeyValuesT, MessageT, Payload, Topic } from 'solarxr-protocol';
 import {
   OVERLAY_DISPLAY_SETTINGS_TOPIC,
   PayloadData,
-  usePubSub
+  usePubSub,
 } from '../../hooks/pubSub';
 import { CheckBox } from '../commons/Checkbox';
 import { Typography } from '../commons/Typography';