Add linter to pre-commit hooks

Author: dolfinus

package.json

@@ -63,11 +63,15 @@
         "vite-plugin-webfont-dl": "^3.11.1"
     },
     "lint-staged": {
-        "**/*": "prettier --write --ignore-unknown"
+        "public/*": "prettier --write --list-different",
+        "src/**/*": [
+            "prettier --write --list-different",
+            "eslint --fix"
+        ]
     },
     "browserslist": {
         "production": [
-            ">0.2%",
+            ">0.5%",
             "chrome 81",
             "firefox 88",
             "not dead"

src/App.tsx

@@ -47,7 +47,6 @@ const locales = [
     { locale: "ru", name: "Русский" },
 ];
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 const i18nProvider = polyglotI18nProvider(
     (locale) => messages[locale as keyof typeof messages],
     "en",

src/components/lineage/LineageFilters.tsx

@@ -86,6 +86,7 @@ const LineageFilters = ({
     );
 
     const submit = form.handleSubmit(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         (formValues: LineageFilterValues & { [key: string]: any }) => {
             const keys = Object.keys(formValues);
             const validKeys = lineageFilterKeys.filter((key) =>

src/components/lineage/LineageView.tsx

@@ -45,8 +45,8 @@ const LineageView = (props: LineageViewProps) => {
                     filter: values,
                 })
                 .then((data: LineageResponseV1) => {
-                    let initialNodes = getGraphNodes(data);
-                    let initialEdges = getGraphEdges(data);
+                    const initialNodes = getGraphNodes(data);
+                    const initialEdges = getGraphEdges(data);
 
                     initialNodes
                         .filter((node) => node.id == currentNodeId)

src/components/lineage/nodes/dataset_container_node/DatasetNode.tsx

@@ -12,6 +12,7 @@ export type DatasetNode = Node<DatasetResponseV1, "datasetNode">;
 export type DatasetNodeProps = NodeProps<DatasetNode>;
 
 const DatasetNode = ({
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     containerNodeId,
     ...props
 }: { containerNodeId: string } & DatasetNodeProps): ReactElement => {

src/components/lineage/nodes/operation_node/OperationNode.tsx

@@ -1,5 +1,5 @@
 import { NodeProps, Node, Handle, Position, useReactFlow } from "@xyflow/react";
-import { useCreatePath, useTranslate } from "react-admin";
+import { useCreatePath } from "react-admin";
 import { memo, MouseEvent, ReactElement, useContext } from "react";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 

src/components/lineage/selection/LineageSelectionContext.tsx

@@ -6,6 +6,7 @@ const LineageSelectionValue = {
         nodeWithHandles: new Map<string, Set<string>>(),
         edges: new Set<string>(),
     },
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     setSelection: (newValue: LineageSelection): void => {},
     resetSelection: (): void => {},
 };

src/components/login/keycloak/keycloak_login.tsx

@@ -1,4 +1,3 @@
-import { useState } from "react";
 import { useLocation } from "react-router-dom";
 import {
     Box,

src/components/operation/OperationRaListFilters.tsx

@@ -18,6 +18,7 @@ const OperationRaListFilters = () => {
     const form = useForm({ defaultValues: filterValues });
 
     const submit = form.handleSubmit(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         (formValues: OperationRaListFilterValues & { [key: string]: any }) => {
             const keys = Object.keys(formValues);
             const validKeys = filterKeys.filter((key) => keys.includes(key));

src/components/operation/SqlText.tsx

@@ -4,6 +4,7 @@ import {
     stackoverflowLight,
     hybrid,
 } from "react-syntax-highlighter/dist/esm/styles/hljs";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import sqlMore from "react-syntax-highlighter/dist/esm/languages/hljs/sql_more";