Remove @mui, move states into zustand store

client/src/pages/ApiTest.tsx

@@ -1,51 +0,0 @@
-import { useCities } from "../hooks/swrHooks"
-import { useEffect, useState } from "react"
-import { DataGrid, GridColDef } from "@mui/x-data-grid"
-import axiosInstance from "../http/axiosInstance"
-import { BASE_URL } from "../constants"
-import { Flex } from "@mantine/core"
-
-
-export default function ApiTest() {
-    const limit = 10
-
-    const [paginationModel, setPaginationModel] = useState({
-        page: 1,
-        pageSize: limit
-    })
-
-    const [rowCount, setRowCount] = useState(0)
-
-    const fetchCount = async () => {
-        await axiosInstance.get(`/general/cities_count`, {
-            baseURL: BASE_URL.fuel
-        }).then(response => {
-            setRowCount(response.data)
-        })
-    }
-
-    const { cities, isLoading } = useCities(paginationModel.pageSize, paginationModel.page)
-
-    useEffect(() => {
-        fetchCount()
-    }, [])
-
-    const citiesColumns: GridColDef[] = [
-        { field: 'id' },
-        { field: 'name' },
-    ]
-
-    return (
-        <Flex direction='column' gap='sm' h='100%'>
-            <DataGrid
-                rows={cities || []}
-                columns={citiesColumns}
-                paginationMode='server'
-                rowCount={rowCount}
-                loading={isLoading}
-                paginationModel={paginationModel}
-                onPaginationModelChange={setPaginationModel}
-            />
-        </Flex>
-    )
-}

client/src/pages/Boilers.tsx

@@ -1,4 +1,3 @@
-import { GridColDef } from '@mui/x-data-grid'
 import { useEffect, useState } from 'react'
 import { useBoilers } from '../hooks/swrHooks'
 import { Badge, ScrollAreaAutosize, Table, Text } from '@mantine/core'
@@ -24,7 +23,7 @@ function Boilers() {
         setBoilerSearch("")
     }, [])
 
-    const boilersColumns: GridColDef[] = [
+    const boilersColumns = [
         { field: 'id_object', headerName: 'ID', type: "number" },
         { field: 'boiler_name', headerName: 'Название', type: "string", flex: 1 },
         { field: 'boiler_code', headerName: 'Код', type: "string", flex: 1 },
@@ -48,7 +47,7 @@ function Boilers() {
                         </Table.Tr>
                     </Table.Thead>
                     <Table.Tbody>
-                        {boilers.map((boiler: any) => (
+                        {boilers.map((boiler: {id_object: string, activity: boolean}) => (
                             <Table.Tr key={boiler.id_object}>
                                 {boilersColumns.map(column => {
                                     if (column.field === 'activity') {

client/src/pages/Roles.tsx

@@ -1,4 +1,3 @@
-import { GridColDef } from '@mui/x-data-grid'
 import { useRoles } from '../hooks/swrHooks'
 import { CreateField } from '../interfaces/create'
 import RoleService from '../services/RoleService'
@@ -16,7 +15,7 @@ export default function Roles() {
     { key: 'description', headerName: 'Описание', type: 'string', required: false, defaultValue: '' },
   ]
 
-  const columns: GridColDef[] = [
+  const columns = [
     { field: 'id', headerName: 'ID', type: "number" },
     { field: 'name', headerName: 'Название', flex: 1, editable: true },
     { field: 'description', headerName: 'Описание', flex: 1, editable: true },

client/src/pages/Users.tsx

@@ -1,4 +1,3 @@
-import { GridColDef } from "@mui/x-data-grid"
 import { useRoles, useUsers } from "../hooks/swrHooks"
 import { IRole } from "../interfaces/role"
 import { useEffect, useState } from "react"
@@ -32,7 +31,7 @@ export default function Users() {
         { key: 'password', headerName: 'Пароль', type: 'string', required: true, defaultValue: '' },
     ]
 
-    const columns: GridColDef[] = [
+    const columns = [
         { field: 'id', headerName: 'ID', type: "number", flex: 1 },
         { field: 'email', headerName: 'Email', flex: 1, editable: true },
         { field: 'login', headerName: 'Логин', flex: 1, editable: true },

client/src/pages/auth/PasswordReset.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react'
 import { SubmitHandler, useForm } from 'react-hook-form';
 import AuthService from '../../services/AuthService';
-import { CheckCircle } from '@mui/icons-material';
 import { Button, Flex, Loader, Paper, Text, TextInput, Transition } from '@mantine/core';
+import { IconCheck } from '@tabler/icons-react';
 
 interface PasswordResetProps {
     email: string;
@@ -73,7 +73,7 @@ function PasswordReset() {
                             {(styles) =>
                                 <Flex style={styles} direction='column' gap='sm'>
                                     <Flex align='center' gap='sm'>
-                                        <CheckCircle color='success' />
+                                        <IconCheck />
                                         <Text>
                                             На указанный адрес было отправлено письмо с новыми данными для авторизации.
                                         </Text>