Rewrite trader performance sync

.eslintrc.json

@@ -25,7 +25,7 @@
         "message": "Don't declare enums"
       }
     ],
-    "sort-imports": "error",
+    "import/order": "error",
     "react/jsx-closing-bracket-location": "error",
     "react/jsx-max-props-per-line": "error",
     "react/jsx-indent-props": ["error", 2],

.github/workflows/pullRequest.yml

@@ -19,6 +19,6 @@ jobs:
         cache: 'npm'
     - run: npm ci
     - run: npm run lint
-    - run: npm run basic
+    - run: npm run shared
     - run: npm run tsc
     - run: npm run test

client/src/actions/general.test.ts

@@ -1,8 +1,8 @@
-import * as general from './general'
 import * as requestAdapter from 'adapters/request'
 import { act, waitFor } from 'test.utils'
 import { globalSlice } from 'stores/global'
 import { store } from 'stores'
+import * as general from './general'
 
 jest.mock('adapters/request', () => {
   const actual = jest.requireActual('adapters/request')

client/src/actions/user.ts

@@ -2,8 +2,8 @@ import * as interfaces from '@shared/interfaces'
 import * as localeTool from 'tools/locale'
 import * as requestAdapter from 'adapters/request'
 import * as routerEnum from 'enums/router'
-import { logout, refreshAccessToken } from './general'
 import { createAsyncThunk } from '@reduxjs/toolkit'
+import { logout, refreshAccessToken } from './general'
 
 export const fetchUserEntity = createAsyncThunk(
   'user/fetchUserEntity',

client/src/adapters/request.test.ts

@@ -1,6 +1,6 @@
 import * as localeTool from 'tools/locale'
-import * as request from './request'
 import axios from 'axios'
+import * as request from './request'
 
 describe('#setAuthToken', () => {
   test('could set auth', () => {

client/src/containers/Client.test.tsx

@@ -1,9 +1,9 @@
 import * as routerEnum from 'enums/router'
 import { act, render, screen } from 'test.utils'
-import Client from './Client'
 import { createMemoryHistory } from 'history'
 import { globalSlice } from 'stores/global'
 import { store } from 'stores'
+import Client from './Client'
 
 jest.mock('react-select', () => '')
 

client/src/containers/Client.tsx

@@ -1,7 +1,7 @@
 import * as selectors from 'selectors'
-import Router from './Router'
 import { Spinner } from 'flowbite-react'
 import { useSelector } from 'react-redux'
+import Router from './Router'
 
 const Client = () => {
   const { isLoading } = useSelector(selectors.selectGlobal())

client/src/containers/accounts/Activation.test.tsx

@@ -3,10 +3,10 @@ import * as routerTool from 'tools/router'
 import * as usePublicGuard from 'hooks/usePublicGuard'
 import * as userAction from 'actions/user'
 import { Route, Routes } from 'react-router-dom'
-import Activation from './Activation'
 import { createAsyncThunk } from '@reduxjs/toolkit'
 import { createMemoryHistory } from 'history'
 import { render } from 'test.utils'
+import Activation from './Activation'
 
 jest.mock('hooks/usePublicGuard', () => {
   const actual = jest.requireActual('hooks/usePublicGuard')

client/src/containers/accounts/Forgot.test.tsx

@@ -3,9 +3,9 @@ import * as routerTool from 'tools/router'
 import * as usePublicGuard from 'hooks/usePublicGuard'
 import * as userAction from 'actions/user'
 import { fireEvent, render, screen } from 'test.utils'
-import Forgot from './Forgot'
 import { createAsyncThunk } from '@reduxjs/toolkit'
 import { createMemoryHistory } from 'history'
+import Forgot from './Forgot'
 
 jest.mock('hooks/usePublicGuard', () => {
   const actual = jest.requireActual('hooks/usePublicGuard')

client/src/containers/accounts/Forgot.tsx

@@ -3,11 +3,11 @@ import * as localeTool from 'tools/locale'
 import * as routerTool from 'tools/router'
 import { Button, TextInput } from 'flowbite-react'
 import { ChangeEvent, FormEvent, useState } from 'react'
-import GoToButton from './elements/GoToButton'
 import RequiredLabel from 'containers/elements/RequiredLabel'
 import { useDispatch } from 'react-redux'
 import { useNavigate } from 'react-router-dom'
 import usePublicGuard from 'hooks/usePublicGuard'
+import GoToButton from './elements/GoToButton'
 
 const Forgot = () => {
   usePublicGuard()

client/src/containers/accounts/Reset.test.tsx

@@ -5,10 +5,10 @@ import * as usePublicGuard from 'hooks/usePublicGuard'
 import * as userAction from 'actions/user'
 import { Route, Routes } from 'react-router-dom'
 import { fireEvent, render, screen } from 'test.utils'
-import Reset from './Reset'
 import { createAsyncThunk } from '@reduxjs/toolkit'
 import { createMemoryHistory } from 'history'
 import { store } from 'stores'
+import Reset from './Reset'
 
 jest.mock('hooks/usePublicGuard', () => {
   const actual = jest.requireActual('hooks/usePublicGuard')

client/src/containers/accounts/Reset.tsx

@@ -4,12 +4,12 @@ import * as routerTool from 'tools/router'
 import { Button, TextInput } from 'flowbite-react'
 import { ChangeEvent, FormEvent, useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
-import GoToButton from './elements/GoToButton'
 import RequiredLabel from 'containers/elements/RequiredLabel'
 import { globalSlice } from 'stores/global'
 import { useDispatch } from 'react-redux'
 import usePasswordValidator from 'hooks/usePasswordValidator'
 import usePublicGuard from 'hooks/usePublicGuard'
+import GoToButton from './elements/GoToButton'
 
 const Reset = () => {
   usePublicGuard()

client/src/containers/accounts/Setting.test.tsx

@@ -3,9 +3,9 @@ import * as generalAction from 'actions/general'
 import * as selectors from 'selectors'
 import { act, fireEvent, render, screen, waitFor } from 'test.utils'
 import { instance, mock } from 'ts-mockito'
-import Setting from './Setting'
 import { UserState } from 'stores/user'
 import axios from 'axios'
+import Setting from './Setting'
 
 jest.mock('actions/general', () => {
   const actual = jest.requireActual('actions/general')

client/src/containers/accounts/SignIn.test.tsx

@@ -3,10 +3,10 @@ import * as routerTool from 'tools/router'
 import * as usePublicGuard from 'hooks/usePublicGuard'
 import * as userAction from 'actions/user'
 import { fireEvent, render, screen } from 'test.utils'
-import SignIn from './SignIn'
 import { createAsyncThunk } from '@reduxjs/toolkit'
 import { createMemoryHistory } from 'history'
 import { store } from 'stores'
+import SignIn from './SignIn'
 
 jest.mock('hooks/usePublicGuard', () => {
   const actual = jest.requireActual('hooks/usePublicGuard')

client/src/containers/accounts/SignIn.tsx

@@ -3,13 +3,13 @@ import * as localeTool from 'tools/locale'
 import * as routerTool from 'tools/router'
 import { Button, Checkbox, Label, TextInput } from 'flowbite-react'
 import { ChangeEvent, FormEvent, useState } from 'react'
-import GoToButton from './elements/GoToButton'
 import RequiredLabel from 'containers/elements/RequiredLabel'
 import { globalSlice } from 'stores/global'
 import { useDispatch } from 'react-redux'
 import { useNavigate } from 'react-router-dom'
 import usePasswordValidator from 'hooks/usePasswordValidator'
 import usePublicGuard from 'hooks/usePublicGuard'
+import GoToButton from './elements/GoToButton'
 
 const SignIn = () => {
   usePublicGuard()

client/src/containers/accounts/SignUp.test.tsx

@@ -4,13 +4,13 @@ import * as routerTool from 'tools/router'
 import * as usePublicGuard from 'hooks/usePublicGuard'
 import * as userAction from 'actions/user'
 import { act, fireEvent, render, screen } from 'test.utils'
-import SignUp from './SignUp'
 import axios from 'axios'
 import { contentSlice } from 'stores/content'
 import { createAsyncThunk } from '@reduxjs/toolkit'
 import { createMemoryHistory } from 'history'
 import { globalSlice } from 'stores/global'
 import { store } from 'stores'
+import SignUp from './SignUp'
 
 jest.mock('hooks/usePublicGuard', () => {
   const actual = jest.requireActual('hooks/usePublicGuard')

client/src/containers/accounts/SignUp.tsx

@@ -6,12 +6,12 @@ import * as selectors from 'selectors'
 import { Button, Checkbox, Label, TextInput, Textarea } from 'flowbite-react'
 import { ChangeEvent, FormEvent, useEffect, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import GoToButton from './elements/GoToButton'
 import RequiredLabel from 'containers/elements/RequiredLabel'
 import { globalSlice } from 'stores/global'
 import { useNavigate } from 'react-router-dom'
 import usePasswordValidator from 'hooks/usePasswordValidator'
 import usePublicGuard from 'hooks/usePublicGuard'
+import GoToButton from './elements/GoToButton'
 
 const SignUp = () => {
   usePublicGuard()

client/src/containers/accounts/blocks/PaymentModal.tsx

@@ -4,8 +4,8 @@ import * as helpers from '@shared/helpers'
 import * as localeTool from 'tools/locale'
 import { Button, Card, Label, Modal, Radio, Select } from 'flowbite-react'
 import { ChangeEvent, useEffect, useMemo, useState } from 'react'
-import SubscribeButton from './SubscribeButton'
 import classNames from 'classnames'
+import SubscribeButton from './SubscribeButton'
 
 const PaymentModal = ({
   userType,

client/src/containers/general/Home.test.tsx

@@ -2,8 +2,8 @@ import * as routerEnum from 'enums/router'
 import * as routerTool from 'tools/router'
 import { Route, Routes } from 'react-router-dom'
 import { fireEvent, render, screen } from 'test.utils'
-import Home from './Home'
 import { createMemoryHistory } from 'history'
+import Home from './Home'
 
 describe('#Home', () => {
   test('could redirect correctly', () => {

client/src/containers/general/Privacy.test.tsx

@@ -1,9 +1,9 @@
 import * as constants from '@shared/constants'
 import * as requestAdapter from 'adapters/request'
 import { render, screen, waitFor } from 'test.utils'
-import Privacy from './Privacy'
 import { contentSlice } from 'stores/content'
 import { store } from 'stores'
+import Privacy from './Privacy'
 
 jest.mock('adapters/request', () => {
   const actual = jest.requireActual('adapters/request')

client/src/containers/general/Terms.test.tsx

@@ -1,9 +1,9 @@
 import * as constants from '@shared/constants'
 import * as requestAdapter from 'adapters/request'
 import { render, screen, waitFor } from 'test.utils'
-import Terms from './Terms'
 import { contentSlice } from 'stores/content'
 import { store } from 'stores'
+import Terms from './Terms'
 
 jest.mock('adapters/request', () => {
   const actual = jest.requireActual('adapters/request')

client/src/containers/layouts/blocks/Footer.test.tsx

@@ -1,8 +1,8 @@
 import * as localeTool from 'tools/locale'
 import * as routerTool from 'tools/router'
 import { fireEvent, render, screen } from 'test.utils'
-import Footer from './Footer'
 import { createMemoryHistory } from 'history'
+import Footer from './Footer'
 
 describe('#Footer', () => {
   test('could render Footer', () => {

client/src/containers/layouts/blocks/Header.test.tsx

@@ -1,10 +1,10 @@
 import * as localeTool from 'tools/locale'
 import * as routerTool from 'tools/router'
 import { fireEvent, render, screen } from 'test.utils'
-import Header from './Header'
 import { createMemoryHistory } from 'history'
 import { globalSlice } from 'stores/global'
 import { store } from 'stores'
+import Header from './Header'
 
 afterEach(() => {
   jest.clearAllMocks()

client/src/containers/layouts/elements/HeaderLink.test.tsx

@@ -1,7 +1,7 @@
 import { fireEvent, render, screen } from 'test.utils'
-import HeaderLink from './HeaderLink'
 import { StarIcon } from '@heroicons/react/24/solid'
 import { createMemoryHistory } from 'history'
+import HeaderLink from './HeaderLink'
 
 describe('#HeaderLink', () => {
   test('could render Footer', () => {

client/src/containers/traders/behaviors/BehaviorDetail.test.tsx

@@ -5,9 +5,9 @@ import * as selectors from 'selectors'
 import { UserAccess, UserState } from 'stores/user'
 import { act, fireEvent, render, screen } from 'test.utils'
 import { instance, mock } from 'ts-mockito'
-import BehaviorDetail from './BehaviorDetail'
 import { GlobalState } from 'stores/global'
 import axios from 'axios'
+import BehaviorDetail from './BehaviorDetail'
 
 afterEach(() => {
   jest.clearAllMocks()

client/src/containers/traders/behaviors/BehaviorList.test.tsx

@@ -3,8 +3,8 @@ import * as parseTool from 'tools/parse'
 import * as selectors from 'selectors'
 import { fireEvent, render, screen } from 'test.utils'
 import { instance, mock } from 'ts-mockito'
-import BehaviorList from './BehaviorList'
 import { GlobalState } from 'stores/global'
+import BehaviorList from './BehaviorList'
 
 const navigate = jest.fn()
 jest.mock('react-router-dom', () => {

client/src/containers/traders/blocks/ComboProfiles.test.tsx

@@ -2,8 +2,8 @@ import * as interfaces from '@shared/interfaces'
 import * as localeTool from 'tools/locale'
 import * as selectors from 'selectors'
 import { fireEvent, render, screen } from 'test.utils'
-import ComboProfiles from './ComboProfiles'
 import { mock } from 'ts-mockito'
+import ComboProfiles from './ComboProfiles'
 
 jest.mock('selectors', () => {
   const actual = jest.requireActual('selectors')

client/src/containers/traders/blocks/ComboProfiles.tsx

@@ -2,8 +2,8 @@ import * as interfaces from '@shared/interfaces'
 import * as localeTool from 'tools/locale'
 import * as parseTool from 'tools/parse'
 import TraderProfileCard from 'containers/traders/blocks/TraderProfileCard'
-import WeightChart from '../elements/WeightChart'
 import { useState } from 'react'
+import WeightChart from '../elements/WeightChart'
 
 interface ProfileWithEnv {
   profile?: interfaces.response.TraderProfile;

client/src/containers/traders/blocks/EachTops.tsx

@@ -3,9 +3,9 @@ import * as localeTool from 'tools/locale'
 import * as routerTool from 'tools/router'
 import * as selectors from 'selectors'
 import { Alert } from 'flowbite-react'
-import TraderProfileCard from './TraderProfileCard'
 import { useNavigate } from 'react-router-dom'
 import { useSelector } from 'react-redux'
+import TraderProfileCard from './TraderProfileCard'
 
 const sectionClass = 'w-full m-4 max-sm:w-80'
 const titleClass = 'font-semibold mb-4'

client/src/containers/traders/blocks/TraderComboCard.test.tsx

@@ -5,10 +5,10 @@ import * as selectors from 'selectors'
 import { UserState, userSlice } from 'stores/user'
 import { fireEvent, render, screen, waitFor } from 'test.utils'
 import { instance, mock } from 'ts-mockito'
-import TraderComboCard from './TraderComboCard'
 import axios from 'axios'
 import { store } from 'stores'
 import { traderComboSlice } from 'stores/traderCombo'
+import TraderComboCard from './TraderComboCard'
 
 jest.mock('selectors', () => {
   const actual = jest.requireActual('selectors')

client/src/containers/traders/blocks/TraderComboCard.tsx

@@ -6,9 +6,9 @@ import * as routerTool from 'tools/router'
 import * as selectors from 'selectors'
 import { useDispatch, useSelector } from 'react-redux'
 import { Card } from 'flowbite-react'
-import WatchButton from '../elements/WatchButton'
 import classNames from 'classnames'
 import { useNavigate } from 'react-router-dom'
+import WatchButton from '../elements/WatchButton'
 
 const TraderComboCard = ({
   traderCombo,