upd

.eslintrc.js

@@ -134,6 +134,36 @@ module.exports = {
     ],
     'inker/react-ref-name': 2,
 
+    "import/order": [
+      2,
+      {
+        groups: [
+          "builtin",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index",
+        ],
+        "newlines-between": "always-and-inside-groups",
+        pathGroups: [
+          {
+            pattern: "react",
+            group: "external",
+            position: "before",
+          },
+          {
+            pattern: "./*.module.{css,scss,postcss}",
+            group: "sibling",
+            position: "after",
+          },
+        ],
+        distinctGroup: false,
+        pathGroupsExcludedImportTypes: ["react"],
+        warnOnUnassignedImports: true,
+      },
+    ],
+
     'react/prop-types': 0,
     'react/react-in-jsx-scope': 0,
     'react/require-default-props': 0,

src/pages/cl/gs/index.tsx

@@ -1,5 +1,4 @@
 import { memo, useCallback, useEffect, useRef, useState } from 'react'
-
 import { css } from 'styled-components'
 
 import { random, sample, shuffle } from 'lodash'

src/pages/cl/ko/index.tsx

@@ -1,5 +1,4 @@
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-
 import { random, shuffle } from 'lodash'
 
 import { type FixedArray } from 'model/types'

src/pages/el/gs/index.tsx

@@ -1,7 +1,5 @@
 import { memo, useCallback, useEffect, useRef, useState } from 'react'
-
 import { css } from 'styled-components'
-
 import { random, shuffle } from 'lodash'
 
 import type Team from 'model/team/GsTeam'

src/pages/el/ko/index.tsx

@@ -1,5 +1,4 @@
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-
 import { random, shuffle } from 'lodash'
 
 import { type FixedArray } from 'model/types'

src/pages/wc/gs/index.tsx

@@ -1,7 +1,5 @@
 import { memo, useCallback, useEffect, useRef, useState } from 'react'
-
 import { css } from 'styled-components'
-
 import { constant, random, shuffle } from 'lodash'
 
 import type Team from 'model/team/NationalTeam'

src/routes/Navbar/SelectSeason.tsx

@@ -1,5 +1,4 @@
 import { memo, useCallback } from 'react'
-
 import { range } from 'lodash'
 
 import type Tournament from 'model/Tournament'

src/routes/Pages/index.tsx

@@ -1,7 +1,5 @@
 import { memo, useEffect, useState } from 'react'
-
 import { useParams } from 'react-router-dom'
-
 import delay from 'delay.js'
 
 import type Team from 'model/team'

src/routes/index.tsx

@@ -1,5 +1,4 @@
 import { memo, useCallback, useEffect, useMemo } from 'react'
-
 import {
   Navigate,
   Route,

src/ui/Announcement/Download.tsx

@@ -1,5 +1,4 @@
 import { type RefObject, memo, useCallback, useEffect, useState } from 'react'
-
 import delay from 'delay.js'
 
 import ButtonLink from 'ui/ButtonLink'

src/ui/Announcement/index.tsx

@@ -1,5 +1,4 @@
 import { type RefObject, memo, useEffect, useRef } from 'react'
-
 import styled from 'styled-components'
 
 import type Club from 'model/team/Club'

src/ui/Dots.tsx

@@ -1,5 +1,4 @@
 import { memo, useEffect, useState } from 'react'
-
 import styled from 'styled-components'
 
 const InvisibleSpan = styled.span`

src/ui/Notification.tsx

@@ -1,5 +1,4 @@
 import { type ReactNode, memo } from 'react'
-
 import styled from 'styled-components'
 
 import Modal from './Modal'

src/ui/Portal.tsx

@@ -1,5 +1,4 @@
 import { type ReactNode, memo, useEffect, useMemo, useRef } from 'react'
-
 import ReactDOM from 'react-dom'
 import htmlTags from 'html-tags'
 

src/utils/makeStoreHook.ts

@@ -1,5 +1,4 @@
 import { useCallback, useEffect, useState } from 'react'
-
 import { pull } from 'lodash'
 
 export default <S>(initialState: S | (() => S)) => {