fixed: eslint errors

.eslintrc.json

@@ -1,3 +1,139 @@
 {
-  "extends": "next/core-web-vitals"
+  "parser": "@typescript-eslint/parser",
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true,
+    "jest": true,
+    "mocha": true
+  },
+  "plugins": ["@typescript-eslint", "unused-imports"],
+  "extends": [
+    "next/core-web-vitals",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2018
+  },
+  "rules": {
+    "no-unused-vars": "off",
+    "unused-imports/no-unused-imports": "error",
+    "unused-imports/no-unused-vars": [
+      "warn",
+      {
+        "vars": "all",
+        "varsIgnorePattern": "^_",
+        "args": "after-used",
+        "argsIgnorePattern": "^_"
+      }
+    ],
+    "strict": 0,
+    "no-underscore-dangle": 0,
+    "no-mixed-requires": 0,
+    "no-process-exit": 0,
+    "no-warning-comments": 0,
+    "no-use-before-define": 0,
+    "curly": 0,
+    "no-multi-spaces": 0,
+    "no-alert": 0,
+    "consistent-return": 0,
+    "consistent-this": [0, "self"],
+    "func-style": 0,
+    "max-nested-callbacks": 0,
+    "camelcase": 0,
+    "no-dupe-class-members": 0,
+
+    // Warnings
+    "no-debugger": 1,
+    "no-empty": 1,
+    "no-invalid-regexp": 1,
+    "no-unused-expressions": 1,
+    "no-native-reassign": 1,
+    "no-fallthrough": 1,
+
+    // Errors
+    "eqeqeq": 2,
+    "no-undef": 2,
+    "no-dupe-keys": 2,
+    "no-empty-character-class": 2,
+    "no-self-compare": 2,
+    "valid-typeof": 2,
+    "handle-callback-err": 2,
+    "no-shadow-restricted-names": 2,
+    "no-new-require": 2,
+    "no-mixed-spaces-and-tabs": 2,
+    "block-scoped-var": 2,
+    "no-else-return": 2,
+    "no-throw-literal": 2,
+    "no-void": 2,
+    "radix": 2,
+    "wrap-iife": [2, "outside"],
+    "no-shadow": 0,
+    "no-path-concat": 2,
+    "valid-jsdoc": [0, { "requireReturn": false, "requireParamDescription": false, "requireReturnDescription": false }],
+
+    // stylistic errors
+    "no-spaced-func": 2,
+    "semi-spacing": 2,
+    "key-spacing": [2, { "beforeColon": false, "afterColon": true }],
+    "no-lonely-if": 2,
+    "no-floating-decimal": 2,
+    "brace-style": [2, "1tbs", { "allowSingleLine": true }],
+    // "comma": [2, "last"],
+    "no-multiple-empty-lines": [2, { "max": 1 }],
+    // "no-nested-ternary": 2,
+    "operator-assignment": [2, "always"],
+    "padded-blocks": [2, "never"],
+    "quote-props": [2, "as-needed"],
+    "keyword-spacing": [2, { "before": true, "after": true, "overrides": {} }],
+    "space-before-blocks": [2, "always"],
+    "array-bracket-spacing": [2, "never"],
+    "computed-property-spacing": [2, "never"],
+    "space-in-parens": [2, "never"],
+    "space-unary-ops": [2, { "words": true, "nonwords": false }],
+    "wrap-regex": 2,
+    "linebreak-style": 0,
+    "semi": [2, "always"],
+    "arrow-spacing": [2, { "before": true, "after": true }],
+    "no-class-assign": 2,
+    "no-const-assign": 2,
+    "no-this-before-super": 2,
+    "no-var": 2,
+    "object-shorthand": [2, "always"],
+    "prefer-arrow-callback": 2,
+    "prefer-const": 2,
+    "prefer-spread": 2,
+    "prefer-template": 2,
+
+    // typescript
+    "@typescript-eslint/no-empty-interface": "off",
+    "@typescript-eslint/no-use-before-define": ["off"],
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-this-alias": "off",
+    "@typescript-eslint/no-unnecessary-type-constraint": "off",
+    "@typescript-eslint/ban-types": "off"
+  },
+  "overrides": [
+    {
+      "files": [
+        "test/**",
+        "*.spec.ts",
+        "*.test.ts",
+        "*.jsx",
+        "*.tsx",
+        "*.ts",
+        "*.js"
+      ],
+      "rules": {
+        "prefer-arrow-callback": 0,
+        "@typescript-eslint/no-non-null-assertion": 0,
+        "@typescript-eslint/no-unused-vars": 0
+      }
+    }
+  ]
 }

package.json

@@ -7,8 +7,8 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "lint:check": "eslint --max-warnings 0 --config .eslintrc .",
-    "lint:fix": "eslint --max-warnings 0 --config .eslintrc . --fix",
+    "lint:check": "eslint --config .eslintrc.json .",
+    "lint:fix": "eslint --config .eslintrc.json . --fix",
     "format:check": "prettier --check \"**/*.{ts,tsx,json}\"",
     "format:fix": "prettier --write \"**/*.{ts,tsx,json}\""
   },
@@ -59,6 +59,7 @@
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
     "eslint-config-next": "14.1.0",
+    "eslint-plugin-unused-imports": "^3.1.0",
     "postcss": "^8",
     "prettier": "^3.2.5",
     "tailwindcss": "^3.3.0",

src/app/claims/page.tsx

@@ -1,68 +1,19 @@
 "use client";
 
-import Navbar from "@/components/Navbar";
-import EkuboAtoms from "@/store/ekobu.store";
-import Ekubo from "@/store/ekobu.store";
-import Jediswap from "@/store/jedi.store";
-import {
-  PoolInfo,
-  StrkDexIncentivesAtom,
-  allPoolsAtomUnSorted,
-  filteredPools,
-  sortPoolsAtom,
-} from "@/store/pools";
 import {
   Avatar,
-  AvatarGroup,
-  Box,
   Button,
   Card,
-  CardBody,
-  CardHeader,
-  Center,
   Container,
-  Flex,
   Grid,
   GridItem,
-  HStack,
   Heading,
-  Image,
-  Link,
-  LinkBox,
-  LinkOverlay,
-  Skeleton,
-  Spinner,
-  Stack,
   Stat,
   StatLabel,
   StatNumber,
-  Tab,
-  TabIndicator,
-  TabList,
-  TabPanel,
-  TabPanels,
-  Tabs,
-  Text,
-  Tooltip,
 } from "@chakra-ui/react";
-import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
-import { useEffect, useMemo, useState } from "react";
-import useSWR from "swr";
-import {
-  Pagination,
-  PaginationContainer,
-  usePagination,
-  PaginationNext,
-  PaginationPrevious,
-  PaginationPage,
-  PaginationPageGroup,
-} from "@ajna/pagination";
+
 import CONSTANTS from "@/constants";
-import Filters from "@/components/Filters";
-import tg from "@/assets/tg.svg";
-import Pools from "@/components/Pools";
-import Strategies from "@/components/Strategies";
-import mixpanel from "mixpanel-browser";
 
 export default function Claim() {
   return (

src/app/layout.tsx

@@ -1,17 +1,18 @@
-import type { Metadata } from "next";
-import { Analytics } from "@vercel/analytics/react";
+import { Analytics } from '@vercel/analytics/react';
+import type { Metadata } from 'next';
 // import { Inter, Courier_Prime } from "next/font/google";
-import "./globals.css";
-import { GoogleAnalytics } from "@next/third-parties/google";
+import { GoogleAnalytics } from '@next/third-parties/google';
+import React from 'react';
+import './globals.css';
 
 // const courier = Courier_Prime({
 //   weight: '400',
 //   subsets: ['latin']
 // });
 
 export const metadata: Metadata = {
-  title: "STRKFarm | Earn $STRK Tokens",
-  description: "Farm on the best pools of Starknet",
+  title: 'STRKFarm | Earn $STRK Tokens',
+  description: 'Farm on the best pools of Starknet',
 };
 
 export default function RootLayout({