update import sort rule

.eslintrc.js

@@ -195,7 +195,7 @@ module.exports = {
         groups: [
           'module',
           '/types/',
-          [ '/^data/', '/^icons/', '/^lib/', '/^pages/', '/^theme/', '/^ui/' ],
+          [ '/^configs/', '/^data/', '/^deploy/', '/^icons/', '/^lib/', '/^pages/', '/^playwright/', '/^theme/', '/^ui/' ],
           [ 'parent', 'sibling', 'index' ],
         ],
         alphabetize: { order: 'asc', ignoreCase: true },

.vscode/tasks.json

@@ -65,14 +65,13 @@
         },
         {
             "type": "npm",
-            "script": "lint:eslint",
+            "script": "lint:eslint:fix",
             "problemMatcher": [],
             "label": "eslint",
             "detail": "run eslint",
             "presentation": {
                 "reveal": "silent",
                 "panel": "new",
-                "close": true,
                 "revealProblems": "onProblem",
             },
             "icon": {
@@ -110,7 +109,7 @@
             "label": "docker: build",
             "detail": "build docker image",
             "presentation": {
-                "reveal": "silent",
+                "reveal": "always",
                 "panel": "new",
                 "close": true,
                 "revealProblems": "onProblem",

lib/api/fetch.ts

-import appConfig from 'configs/app/config';
 import type { NextApiRequest } from 'next';
 import type { RequestInit, Response } from 'node-fetch';
 import nodeFetch from 'node-fetch';
 
+import appConfig from 'configs/app/config';
 import { httpLogger } from 'lib/api/logger';
 import * as cookies from 'lib/cookies';
 

lib/api/getUrlWithNetwork.ts

 // import * as Sentry from '@sentry/nextjs';
-import appConfig from 'configs/app/config';
 import type { NextApiRequest } from 'next';
 
+import appConfig from 'configs/app/config';
+
 export default function getUrlWithNetwork(_req: NextApiRequest, path: string) {
   return [
     appConfig.api.basePath,

lib/csp/getCspPolicy.ts

 import appConfig from 'configs/app/config';
-
 import featuredNetworks from 'lib/networks/featuredNetworks';
 
 import getMarketplaceApps from '../getMarketplaceApps';

lib/hooks/useConfigSentry.tsx

 import * as Sentry from '@sentry/react';
-import { config, configureScope } from 'configs/sentry/react';
 import React from 'react';
 
+import { config, configureScope } from 'configs/sentry/react';
+
 export default function useConfigSentry() {
   React.useEffect(() => {
     // gotta init sentry in browser

lib/hooks/useNavItems.tsx

-import appConfig from 'configs/app/config';
 import React, { useMemo } from 'react';
 
+import appConfig from 'configs/app/config';
 import marketplaceApps from 'data/marketplaceApps.json';
 import abiIcon from 'icons/ABI.svg';
 import apiKeysIcon from 'icons/API.svg';

lib/networks/featuredNetworks.ts

-import appConfig from 'configs/app/config';
-
 import type { FeaturedNetwork } from 'types/networks';
 
+import appConfig from 'configs/app/config';
 import arbitrumIcon from 'icons/networks/icons/arbitrum.svg';
 import artisIcon from 'icons/networks/icons/artis.svg';
 import ethereumClassicIcon from 'icons/networks/icons/ethereum-classic.svg';

lib/networks/useNetworkNavigationItems.ts

-import appConfig from 'configs/app/config';
 import { useRouter } from 'next/router';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
 import link from 'lib/link/link';
 import { ROUTES } from 'lib/link/routes';
 import useCurrentRoute from 'lib/link/useCurrentRoute';

middleware.ts

-import appConfig from 'configs/app/config';
 import type { NextRequest } from 'next/server';
 import { NextResponse } from 'next/server';
 
+import appConfig from 'configs/app/config';
 import { NAMES } from 'lib/cookies';
 import getCspPolicy from 'lib/csp/getCspPolicy';
 import link from 'lib/link/link';

package.json

@@ -16,6 +16,7 @@
     "start": "next start",
     "start:docker:poa_core": "docker run -p 3000:3000 --env-file ./configs/envs/.env.common --env-file ./configs/envs/.env.poa_core --env-file ./configs/envs/.env.secrets blockscout",
     "lint:eslint": "./node_modules/.bin/eslint . --ext .js,.jsx,.ts,.tsx",
+    "lint:eslint:fix": "./node_modules/.bin/eslint . --ext .js,.jsx,.ts,.tsx --fix",
     "lint:tsc": "./node_modules/.bin/tsc -p ./tsconfig.json",
     "prepare": "husky install",
     "format-svg": "./node_modules/.bin/svgo -r ./icons",

pages/_error.tsx

@@ -17,11 +17,12 @@
  */
 
 import * as Sentry from '@sentry/nextjs';
-import sentryConfig from 'configs/sentry/nextjs';
 import type { NextPageContext } from 'next';
 import NextErrorComponent from 'next/error';
 import React from 'react';
 
+import sentryConfig from 'configs/sentry/nextjs';
+
 type ContextOrProps = {
   req?: NextPageContext['req'];
   res?: NextPageContext['res'];

ui/apps/useMarkeplaceApps.tsx

-import appConfig from 'configs/app/config';
 import debounce from 'lodash/debounce';
 import React, { useCallback, useEffect, useState } from 'react';
 
 import type { AppItemOverview, MarketplaceCategoriesIds } from 'types/client/apps';
 
+import appConfig from 'configs/app/config';
 import marketplaceApps from 'data/marketplaceApps.json';
 
 const favoriteAppsLocalStorageKey = 'favoriteApps';

ui/block/BlockDetails.tsx

 import { Grid, GridItem, Text, Icon, Link, Box, Tooltip, Alert } from '@chakra-ui/react';
 import { useQuery } from '@tanstack/react-query';
 import BigNumber from 'bignumber.js';
-import appConfig from 'configs/app/config';
 import { useRouter } from 'next/router';
 import React from 'react';
 import { scroller, Element } from 'react-scroll';
 
 import type { Block } from 'types/api/block';
 
+import appConfig from 'configs/app/config';
 import clockIcon from 'icons/clock.svg';
 import flameIcon from 'icons/flame.svg';
 import getBlockReward from 'lib/block/getBlockReward';

ui/blocks/BlocksListItem.tsx

 import { Flex, Link, Spinner, Text, Box, Icon, useColorModeValue } from '@chakra-ui/react';
 import BigNumber from 'bignumber.js';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { Block } from 'types/api/block';
 
+import appConfig from 'configs/app/config';
 import flameIcon from 'icons/flame.svg';
 import getBlockReward from 'lib/block/getBlockReward';
 import { WEI } from 'lib/consts';

ui/blocks/BlocksTable.tsx

 import { Table, Thead, Tbody, Tr, Th, TableContainer } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { Block } from 'types/api/block';
 
+import appConfig from 'configs/app/config';
 import BlocksTableItem from 'ui/blocks/BlocksTableItem';
 
 interface Props {

ui/pages/Apps.tsx

 import { Box, Icon, Link } from '@chakra-ui/react';
-import config from 'configs/app/config';
 import React from 'react';
 
+import config from 'configs/app/config';
 import PlusIcon from 'icons/plus.svg';
 import AppList from 'ui/apps/AppList';
 import AppListSkeleton from 'ui/apps/AppListSkeleton';

ui/pages/Home.tsx

 import { VStack, Textarea, Button, Alert, AlertTitle, AlertDescription, Link, Code } from '@chakra-ui/react';
 import * as Sentry from '@sentry/react';
-import appConfig from 'configs/app/config';
 import { useRouter } from 'next/router';
 import type { ChangeEvent } from 'react';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
 import * as cookies from 'lib/cookies';
 import useToast from 'lib/hooks/useToast';
 import Page from 'ui/shared/Page/Page';

ui/pages/MarketplaceApp.tsx

 import { Box, Center, useColorMode } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 import type { AppItemOverview } from 'types/client/apps';
 
+import appConfig from 'configs/app/config';
 import ContentLoader from 'ui/shared/ContentLoader';
 import Page from 'ui/shared/Page/Page';
 

ui/shared/TokenLogo.tsx

 import { Image, chakra } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
+
 const EmptyElement = () => null;
 
 interface Props {

ui/snippets/navigation/NavFooter.tsx

 import { Box, VStack, Text, Stack, Icon, Link, useColorModeValue } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
 import ghIcon from 'icons/social/git.svg';
 import statsIcon from 'icons/social/stats.svg';
 import tgIcon from 'icons/social/telega.svg';

ui/snippets/navigation/NavigationDesktop.tsx

 import { Flex, Box, VStack, Icon, useColorModeValue } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
 import chevronIcon from 'icons/arrows/east-mini.svg';
 import * as cookies from 'lib/cookies';
 import useNavItems from 'lib/hooks/useNavItems';

ui/snippets/navigation/NavigationMobile.tsx

 import { Box, VStack } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
 import * as cookies from 'lib/cookies';
 import useNavItems from 'lib/hooks/useNavItems';
 import NavFooter from 'ui/snippets/navigation/NavFooter';

ui/snippets/networkMenu/NetworkLogo.tsx

 import { Icon, Box, Image, useColorModeValue } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import NextLink from 'next/link';
 import React from 'react';
 import type { FunctionComponent, SVGAttributes } from 'react';
 
+import appConfig from 'configs/app/config';
 import blockscoutLogo from 'icons/logo.svg';
 import link from 'lib/link/link';
 import getDefaultTransitionProps from 'theme/utils/getDefaultTransitionProps';

ui/tx/TxDetails.tsx

 import { Grid, GridItem, Text, Box, Icon, Link, Spinner } from '@chakra-ui/react';
 import { useQuery } from '@tanstack/react-query';
 import BigNumber from 'bignumber.js';
-import appConfig from 'configs/app/config';
 import { useRouter } from 'next/router';
 import React from 'react';
 import { scroller, Element } from 'react-scroll';
 
 import type { Transaction } from 'types/api/transaction';
 
+import appConfig from 'configs/app/config';
 import clockIcon from 'icons/clock.svg';
 import flameIcon from 'icons/flame.svg';
 import { WEI, WEI_IN_GWEI } from 'lib/consts';

ui/tx/internals/TxInternalsListItem.tsx

 import { Flex, Tag, Icon, Box, HStack, Text } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { InternalTransaction } from 'types/api/internalTransaction';
 
+import appConfig from 'configs/app/config';
 import eastArrowIcon from 'icons/arrows/east.svg';
 import AccountListItemMobile from 'ui/shared/AccountListItemMobile';
 import Address from 'ui/shared/address/Address';

ui/tx/internals/TxInternalsTable.tsx

 import { Table, Thead, Tbody, Tr, Th, TableContainer, Link, Icon } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { InternalTransaction } from 'types/api/internalTransaction';
 
+import appConfig from 'configs/app/config';
 import arrowIcon from 'icons/arrows/east.svg';
 import TxInternalsTableItem from 'ui/tx/internals/TxInternalsTableItem';
 import type { Sort, SortField } from 'ui/tx/internals/utils';

ui/tx/state/TxStateListItem.tsx

 import { AccordionItem, AccordionButton, AccordionIcon, Button, Box, Flex, Text, Link, StatArrow, Stat, AccordionPanel } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type ArrayElement from 'types/utils/ArrayElement';
 
+import appConfig from 'configs/app/config';
 import type { data } from 'data/txState';
 import { nbsp } from 'lib/html-entities';
 import AccountListItemMobile from 'ui/shared/AccountListItemMobile';

ui/tx/state/TxStateTable.tsx

@@ -6,9 +6,9 @@ import {
   Th,
   TableContainer,
 } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
+import appConfig from 'configs/app/config';
 import { data } from 'data/txState';
 import TxStateTableItem from 'ui/tx/state/TxStateTableItem';
 

ui/txs/TxAdditionalInfo.tsx

 import { Box, Heading, Text, Flex, Link, useColorModeValue } from '@chakra-ui/react';
 import BigNumber from 'bignumber.js';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { Transaction } from 'types/api/transaction';
 
+import appConfig from 'configs/app/config';
 import getValueWithUnit from 'lib/getValueWithUnit';
 import link from 'lib/link/link';
 import CurrencyValue from 'ui/shared/CurrencyValue';

ui/txs/TxsListItem.tsx

@@ -10,11 +10,11 @@ import {
   Text,
   useColorModeValue,
   useDisclosure } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { Transaction } from 'types/api/transaction';
 
+import appConfig from 'configs/app/config';
 import rightArrowIcon from 'icons/arrows/east.svg';
 import transactionIcon from 'icons/transactions.svg';
 import dayjs from 'lib/date/dayjs';

ui/txs/TxsTable.tsx

 import { Link, Table, Thead, Tbody, Tr, Th, TableContainer, Icon } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { Transaction } from 'types/api/transaction';
 import type { Sort } from 'types/client/txs-sort';
 
+import appConfig from 'configs/app/config';
 import rightArrowIcon from 'icons/arrows/east.svg';
 
 import TxsTableItem from './TxsTableItem';

ui/watchlist/AddressModal/AddressFormNotifications.tsx

 import { Grid, GridItem } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React, { useCallback } from 'react';
 import { Controller } from 'react-hook-form';
 import type { Path, ControllerRenderProps, FieldValues, Control } from 'react-hook-form';
 
+import appConfig from 'configs/app/config';
 import CheckboxInput from 'ui/shared/CheckboxInput';
 
 // does it depend on the network?

ui/watchlist/WatchlistTable/WatchListAddressItem.tsx

 import { HStack, VStack, Text, Icon, useColorModeValue } from '@chakra-ui/react';
-import appConfig from 'configs/app/config';
 import React from 'react';
 
 import type { TWatchlistItem } from 'types/client/account';
 
+import appConfig from 'configs/app/config';
 import TokensIcon from 'icons/tokens.svg';
 // import WalletIcon from 'icons/wallet.svg';
 import { nbsp } from 'lib/html-entities';