feat: add consistent type imports

Author: KirillKirill

packages/apps/dashboard/client/eslint.config.js

@@ -72,6 +72,7 @@ export default tseslint.config(
       ],
       'import/no-duplicates': 'error',
       'import/no-unresolved': 'error',
+      '@typescript-eslint/consistent-type-imports': 'error',
       '@typescript-eslint/no-unused-vars': ['error', { 'argsIgnorePattern': '^_' }],
       '@typescript-eslint/no-explicit-any': 'error',
       'no-console': ['error', { allow: ['warn', 'error'] }],

packages/apps/dashboard/client/src/app/AppRoutes.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 

packages/apps/dashboard/client/src/app/providers/ThemeProvider.tsx

@@ -1,13 +1,13 @@
 import {
-  FC,
-  PropsWithChildren,
+  type FC,
+  type PropsWithChildren,
   useCallback,
   useEffect,
   useMemo,
   useState,
 } from 'react';
 
-import { PaletteMode } from '@mui/material';
+import type { PaletteMode } from '@mui/material';
 import CssBaseline from '@mui/material/CssBaseline';
 import MuiThemeProvider from '@mui/material/styles/ThemeProvider';
 

packages/apps/dashboard/client/src/features/graph/api/useChartData.ts

@@ -10,11 +10,11 @@ import validateResponse from '@/shared/lib/validateResponse';
 
 import {
   hcaptchaDailyStatsSchema,
-  HcaptchaDailyStats,
+  type HcaptchaDailyStats,
 } from '../model/hcaptchaDailyStatsSchema';
 import {
   hmtDailyStatsSchema,
-  HMTDailyStats,
+  type HMTDailyStats,
 } from '../model/hmtDailyStatsSchema';
 
 export type ChartData = (HMTDailyStats & Omit<HcaptchaDailyStats, 'date'>)[];

packages/apps/dashboard/client/src/features/graph/store/useChartParamsStore.ts

@@ -1,4 +1,4 @@
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs, { type Dayjs } from 'dayjs';
 import { create } from 'zustand';
 
 const MINIMAL_DATE_FOR_DATE_PICKER = '2021-04-06';

packages/apps/dashboard/client/src/features/graph/ui/AreaChart.tsx

@@ -1,10 +1,10 @@
-import { FC, useEffect, useRef, useState } from 'react';
+import { type FC, useEffect, useRef, useState } from 'react';
 
 import Card from '@mui/material/Card';
 import Stack from '@mui/material/Stack';
 import useTheme from '@mui/material/styles/useTheme';
 import Typography from '@mui/material/Typography';
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs, { type Dayjs } from 'dayjs';
 import {
   CartesianGrid,
   Tooltip,
@@ -17,7 +17,7 @@ import {
 
 import DatePicker from '@/shared/ui/DatePicker';
 
-import useChartData, { ChartData } from '../api/useChartData';
+import useChartData, { type ChartData } from '../api/useChartData';
 import formatNumber from '../lib/formatNumber';
 import useChartParamsStore, {
   initialAllTime,

packages/apps/dashboard/client/src/features/graph/ui/ChartTooltip.tsx

@@ -1,18 +1,18 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import Grid from '@mui/material/Grid';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
-import { TooltipProps } from 'recharts';
+import type { TooltipProps } from 'recharts';
 
 import FormattedNumber from '@/shared/ui/FormattedNumber';
 
 import formatDate from '../lib/formatDate';
 
-import { ChartDataConfigObject } from './AreaChart';
+import type { ChartDataConfigObject } from './AreaChart';
 
 const renderTitle = (title: string) => {
   const currentTitle: ChartDataConfigObject<string> = {

packages/apps/dashboard/client/src/features/graph/ui/CustomXAxisTick.tsx

@@ -1,6 +1,6 @@
 import useTheme from '@mui/material/styles/useTheme';
 // @ts-expect-error -- import error, but this type work property
-import { ContentRenderer } from 'recharts';
+import type { ContentRenderer } from 'recharts';
 
 import formatDate from '../lib/formatDate';
 

packages/apps/dashboard/client/src/features/graph/ui/GraphSwiper.tsx

@@ -1,4 +1,4 @@
-import { FC, useEffect } from 'react';
+import { type FC, useEffect } from 'react';
 
 import { Navigation } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';

packages/apps/dashboard/client/src/features/graph/ui/SmallGraph.tsx

@@ -1,4 +1,4 @@
-import { FC, Fragment } from 'react';
+import { type FC, Fragment } from 'react';
 
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
@@ -11,7 +11,7 @@ import {
   CartesianGrid,
   ResponsiveContainer,
   Tooltip,
-  TooltipProps,
+  type TooltipProps,
   XAxis,
   YAxis,
 } from 'recharts';