Fix linting

Author: Pascal Wegner

packages/pwa/.eslintrc

@@ -1,3 +1,15 @@
 {
-  "extends": "@flextremedev/eslint-config-react-typescript"
+  "root": true,
+  "extends": "@flextremedev/eslint-config-react-typescript",
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "warn"
+  },
+  "overrides": [
+    {
+      "files": ["src/pages/**/*.{ts,tsx}"],
+      "rules": {
+        "import/no-default-export": "off"
+      }
+    }
+  ]
 }

packages/pwa/package.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "test": "jest"
+    "test": "jest",
+    "lint": "eslint --quiet ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
     "@interval-timer/core": "*",
@@ -32,6 +33,7 @@
     "eslint": "^8.7.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",

packages/pwa/src/__tests__/index.test.tsx

@@ -1,4 +1,5 @@
 import { fireEvent, screen } from '@testing-library/react';
+
 import { MockWorker } from '../__mocks__/Worker';
 import { expectCountDownFrom } from '../test-utils/expectCountDownFrom';
 import { makeAdvanceDateNowBy } from '../test-utils/makeAdvanceDateNowBy';

packages/pwa/src/pages/index.tsx

@@ -1,10 +1,11 @@
-import { FormFields } from '../components/FormFields/FormFields';
 import { timerMachine, timerStates } from '@interval-timer/core';
 import { useMachine } from '@xstate/react';
 import * as React from 'react';
+import { StateValue } from 'xstate';
+
 import { Counter } from '../components/Counter/Counter';
+import { FormFields } from '../components/FormFields/FormFields';
 import { useBeep } from '../hooks/useBeep';
-import { StateValue } from 'xstate';
 
 const getActiveTimeTotal = ({
   breakInterval,

packages/pwa/src/test-utils/expectCountDownFrom.ts

@@ -29,7 +29,7 @@ export const expectCountDownFrom = ({
     minutesLeft >= 1 || (firstRound && minutesLeft <= 0);
 
   for (let minutesLeft = minutes; minutesLeft >= toMinutes; minutesLeft--) {
-    let secondsToCountInMinute = shouldDisplayInitialSeconds(minutesLeft)
+    const secondsToCountInMinute = shouldDisplayInitialSeconds(minutesLeft)
       ? seconds
       : 59;
 

packages/pwa/src/test-utils/renderApp.tsx

@@ -1,6 +1,6 @@
+import { render, screen } from '@testing-library/react';
 import * as React from 'react';
 
-import { render, screen } from '@testing-library/react';
 import Home from '../pages/index';
 
 export const renderApp = () => {

yarn.lock

@@ -8145,7 +8145,7 @@ eslint-plugin-jest@^24.1.0:
   dependencies:
     "@typescript-eslint/experimental-utils" "^4.0.1"
 
-eslint-plugin-jsx-a11y@^6.3.1:
+eslint-plugin-jsx-a11y@^6.3.1, eslint-plugin-jsx-a11y@^6.5.1:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.5.1.tgz#cdbf2df901040ca140b6ec14715c988889c2a6d8"
   integrity sha512-sVCFKX9fllURnXT2JwLN5Qgo24Ug5NF6dxhkmxsMEUZhXRcGg+X3e1JbJ84YePQKBl5E0ZjAH5Q4rkdcGY99+g==