reformated code with eslint

package.json

@@ -6,7 +6,9 @@
     "start": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "test": "vitest run"
+    "test": "vitest run",
+    "lint": "eslint .",
+    "ts": "tsc --noEmit"
   },
   "dependencies": {
     "@emotion/react": "11.14.0",

src/app/App.tsx

@@ -3,6 +3,7 @@ import {BrowserRouter} from 'react-router-dom';
 import {createTheme, ThemeProvider} from '@mui/material/styles';
 
 import GlobalStyles from './GlobalStyles';
+
 import Routes from '@/app/Routes';
 import {AuthProvider} from '@/features/auth';
 import {isProduction} from '@/shared/utils';

src/app/Routes.tsx

@@ -1,10 +1,10 @@
 import {FC, memo} from 'react';
 import {Navigate, Route, Routes as ReactRoutes} from 'react-router-dom';
 
-import {ROUTE__LOGIN, ROUTE__MAIN} from '@/shared/constants';
 import {useAuth} from '@/features/auth';
 import Login from '@/pages/Login';
 import Main from '@/pages/Main';
+import {ROUTE__LOGIN, ROUTE__MAIN} from '@/shared/constants';
 
 const Routes: FC = () => {
   const {isAuthenticated} = useAuth();

src/entities/user/index.ts

@@ -1,2 +1,2 @@
+export * from './api';
 export * from './types';
-export * from './api';

src/features/auth/AuthContext.tsx

@@ -1,13 +1,17 @@
 import {
   createContext,
-  FC, PropsWithChildren,
+  FC,
+  PropsWithChildren,
   useCallback,
   useEffect,
   useMemo,
   useReducer,
 } from 'react';
 import {useNavigate} from 'react-router-dom';
 
+import {login as loginMethod} from './api';
+import {UserSignedIn} from './types';
+
 import {ROUTE__LOGIN} from '@/shared/constants';
 import {
   getAuthToken as getAuthTokenFromLocalStorage,
@@ -17,8 +21,6 @@ import {
   setAuthToken as putAuthTokenToLocalStorage,
   setUserId as putUserIdToLocalStorage,
 } from '@/shared/helpers';
-import {UserSignedIn} from './types';
-import {login as loginMethod} from './api';
 
 export interface AuthState {
   isAuthenticated: boolean;

src/features/auth/api.ts

@@ -1,6 +1,7 @@
-import {axi} from '@shared/api';
 import axios from 'axios';
 
+import {axi} from '@shared/api';
+
 export const login = async (
   username: string,
   password: string,

src/pages/Login/index.tsx

@@ -1,13 +1,13 @@
 import {memo, useCallback, useState} from 'react';
+import {useForm} from 'react-hook-form';
+import {TextFieldElement} from 'react-hook-form-mui';
+import {useNavigate, useSearchParams} from 'react-router-dom';
+import {yupResolver} from '@hookform/resolvers/yup';
 import {Box, Button, FormHelperText, Typography} from '@mui/material';
 import * as Yup from 'yup';
+import {InferType} from 'yup';
 
 import {useAuth} from '@/features/auth';
-import {InferType} from 'yup';
-import {useForm} from 'react-hook-form';
-import {yupResolver} from '@hookform/resolvers/yup';
-import {TextFieldElement} from 'react-hook-form-mui';
-import {useNavigate, useSearchParams} from 'react-router-dom';
 import {ROUTE__MAIN} from '@/shared/constants';
 
 const v8nSchema = Yup.object().shape({
@@ -31,7 +31,11 @@ const Login = () => {
       password: '',
     },
   });
-  const {control, handleSubmit, formState: {isSubmitting}} = form;
+  const {
+    control,
+    handleSubmit,
+    formState: {isSubmitting},
+  } = form;
 
   const onSubmit = useCallback(
     async ({username, password}: FormValues) => {
@@ -74,7 +78,12 @@ const Login = () => {
 
         <TextFieldElement label="Username" name="username" control={control} />
 
-        <TextFieldElement label="Password" name="password" type="password" control={control} />
+        <TextFieldElement
+          label="Password"
+          name="password"
+          type="password"
+          control={control}
+        />
 
         {authError && <FormHelperText error>{authError}</FormHelperText>}
 
@@ -90,11 +99,7 @@ const Login = () => {
           </Button>
         </Box>
 
-        <Typography
-          align="center"
-          variant="subtitle2"
-          color="textSecondary"
-        >
+        <Typography align="center" variant="subtitle2" color="textSecondary">
           For login use &quot;[email protected]&quot; username with any
           password
         </Typography>

src/pages/Main/index.tsx

@@ -1,11 +1,11 @@
 import {memo, useEffect, useState} from 'react';
 import {Box, Button} from '@mui/material';
 
-import {getUsers} from '@entities/user';
-import {useAuth} from '@/features/auth';
-import {User} from '@entities/user';
+import {getUsers, User} from '@entities/user';
 import errorImg from '@images/sad-cloud.png';
 
+import {useAuth} from '@/features/auth';
+
 const areaColor = '#e2deed';
 
 const asideMainCommonStyles = {

src/shared/api/axiosSetup.ts

@@ -1,9 +1,9 @@
 import axios, {isAxiosError} from 'axios';
 
-import {ROUTE__LOGIN, ROUTE__MAIN} from "../constants";
+import {ROUTE__LOGIN, ROUTE__MAIN} from '../constants';
 
 const redirectToLogin = (): void => {
-  const { pathname, search } = window.location;
+  const {pathname, search} = window.location;
 
   if (pathname === ROUTE__LOGIN) {
     return;
@@ -17,12 +17,10 @@ export const axi = axios.create({
 });
 
 axi.interceptors.response.use(
-  (response) => response,
+  response => response,
   (error: unknown) => {
-    if (isAxiosError(error)) {
-      if (error.response?.status === 401) {
-        redirectToLogin();
-      }
+    if (isAxiosError(error) && error.response?.status === 401) {
+      redirectToLogin();
     }
 
     return Promise.reject(error);

src/shared/api/index.ts

@@ -1 +1 @@
-export * from './axiosSetup';
+export * from './axiosSetup';