fix: lint and type errors in ToggleCartIcon, AdminLayout, ProductFilters, use-product-filters

client/src/pages/admin-layout/ui/AdminLayoutPage.tsx

@@ -1,6 +1,5 @@
 import type { ReactNode } from 'react'
 import { useMemo, useState } from 'react'
-import { FileText, Image, LayoutGrid, ListOrdered, MessageSquare, People, Store } from 'lucide-react'
 import Badge from '@mui/material/Badge'
 import Box from '@mui/material/Box'
 import Divider from '@mui/material/Divider'
@@ -16,6 +15,7 @@ import Typography from '@mui/material/Typography'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import { useQuery } from '@tanstack/react-query'
 import { useUnit } from 'effector-react'
+import { FileText, Image, LayoutGrid, ListOrdered, MessageSquare, Store, Users } from 'lucide-react'
 import { Navigate, Route, Routes, useLocation, useNavigate } from 'react-router-dom'
 import { fetchAdminOrdersSummary } from '@/entities/order/api/admin-order-api'
 import { AdminCategoriesPage } from '@/pages/admin-categories'
@@ -59,7 +59,7 @@ export function AdminLayoutPage() {
       { to: '/admin/gallery', label: 'Галерея', icon: <Image /> },
       { to: '/admin/orders', label: 'Заказы', icon: <ListOrdered /> },
       { to: '/admin/reviews', label: 'Отзывы', icon: <MessageSquare /> },
-      { to: '/admin/users', label: 'Пользователи', icon: <People /> },
+      { to: '/admin/users', label: 'Пользователи', icon: <Users /> },
       { to: '/admin/info', label: 'Инфо-страница', icon: <FileText /> },
     ],
     [],

client/src/pages/cart/ui/CartPage.tsx

@@ -1,4 +1,3 @@
-import { Minus, Plus, Trash2 } from 'lucide-react'
 import Alert from '@mui/material/Alert'
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
@@ -9,6 +8,7 @@ import Tooltip from '@mui/material/Tooltip'
 import Typography from '@mui/material/Typography'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useUnit } from 'effector-react'
+import { Minus, Plus, Trash2 } from 'lucide-react'
 import { Link as RouterLink } from 'react-router-dom'
 import { fetchMyCart, removeCartItem, setCartQty } from '@/entities/cart/api/cart-api'
 import { formatPriceRub } from '@/shared/lib/format-price'

client/src/pages/home/lib/use-product-filters.ts

@@ -24,8 +24,8 @@ export function useProductFilters() {
     return () => window.clearTimeout(t)
   }, [qInput])
 
-  const handleCategoryChange = (e: SelectChangeEvent<string>) => {
-    setCategorySlug(e.target.value)
+  const handleCategoryChange = (slug: string) => {
+    setCategorySlug(slug)
     setPage(1)
   }
 

client/src/pages/home/ui/ProductFilters.tsx

@@ -83,9 +83,26 @@ export function ProductFilters({
 
       <Paper
         variant="outlined"
-        sx={{ p: 1.5, borderRadius: 3, bgcolor: 'background.paper', display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, gap: 1.5, alignItems: { sm: 'center' }, justifyContent: 'space-between' }}
+        sx={{
+          p: 1.5,
+          borderRadius: 3,
+          bgcolor: 'background.paper',
+          display: 'flex',
+          flexDirection: { xs: 'column', sm: 'row' },
+          gap: 1.5,
+          alignItems: { sm: 'center' },
+          justifyContent: 'space-between',
+        }}
       >
-        <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, alignItems: { sm: 'center' }, gap: 1.5, flexGrow: 1 }}>
+        <Box
+          sx={{
+            display: 'flex',
+            flexDirection: { xs: 'column', sm: 'row' },
+            alignItems: { sm: 'center' },
+            gap: 1.5,
+            flexGrow: 1,
+          }}
+        >
           <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.75, alignItems: 'center' }}>
             <Chip
               label="Все"
@@ -149,11 +166,17 @@ export function ProductFilters({
 
       <Collapse in={moreOpen} unmountOnExit>
         <Paper variant="outlined" sx={{ p: 2, borderRadius: 3, display: 'flex', flexDirection: 'column', gap: 2 }}>
-          <Stack direction={{ xs: 'column', md: 'row' }} spacing={2} sx={{ alignItems: { md: 'center' }, flexWrap: { md: 'wrap' } }}>
+          <Stack
+            direction={{ xs: 'column', md: 'row' }}
+            spacing={2}
+            sx={{ alignItems: { md: 'center' }, flexWrap: { md: 'wrap' } }}
+          >
             <FormControl sx={{ minWidth: 200 }} size="small">
               <InputLabel id="sort-label">Сортировка</InputLabel>
               <Select<string> labelId="sort-label" label="Сортировка" value={sort} onChange={handleSortChange}>
-                <MenuItem value=""><em>Сначала новые</em></MenuItem>
+                <MenuItem value="">
+                  <em>Сначала новые</em>
+                </MenuItem>
                 <MenuItem value="price_asc">Цена: по возрастанию</MenuItem>
                 <MenuItem value="price_desc">Цена: по убыванию</MenuItem>
               </Select>
@@ -176,9 +199,16 @@ export function ProductFilters({
 
             <FormControl sx={{ minWidth: 160 }} size="small">
               <InputLabel id="page-size-label">На странице</InputLabel>
-              <Select<string> labelId="page-size-label" label="На странице" value={String(pageSize)} onChange={handlePageSizeChange}>
+              <Select<string>
+                labelId="page-size-label"
+                label="На странице"
+                value={String(pageSize)}
+                onChange={handlePageSizeChange}
+              >
                 {[6, 12, 18, 24].map((n) => (
-                  <MenuItem key={n} value={String(n)}>{n}</MenuItem>
+                  <MenuItem key={n} value={String(n)}>
+                    {n}
+                  </MenuItem>
                 ))}
               </Select>
             </FormControl>
@@ -186,7 +216,15 @@ export function ProductFilters({
 
           <Divider />
 
-          <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, gap: 1.5, alignItems: { sm: 'center' }, justifyContent: 'space-between' }}>
+          <Box
+            sx={{
+              display: 'flex',
+              flexDirection: { xs: 'column', sm: 'row' },
+              gap: 1.5,
+              alignItems: { sm: 'center' },
+              justifyContent: 'space-between',
+            }}
+          >
             <Typography variant="subtitle2">Масштаб карточек</Typography>
             <ToggleButtonGroup
               exclusive

client/src/pages/me/ui/MeLayoutPage.tsx

@@ -1,6 +1,5 @@
 import type { ReactNode } from 'react'
 import { useMemo, useState } from 'react'
-import { MapPin, MessageCircle, Settings, SlidersHorizontal, Truck } from 'lucide-react'
 import Alert from '@mui/material/Alert'
 import Badge from '@mui/material/Badge'
 import Box from '@mui/material/Box'
@@ -17,6 +16,7 @@ import Typography from '@mui/material/Typography'
 import useMediaQuery from '@mui/material/useMediaQuery'
 import { useQuery } from '@tanstack/react-query'
 import { useUnit } from 'effector-react'
+import { MapPin, MessageCircle, Settings, SlidersHorizontal, Truck } from 'lucide-react'
 import { Navigate, Route, Routes, useLocation, useNavigate } from 'react-router-dom'
 import { fetchUnreadMessageCount } from '@/entities/user/api/messages-api'
 import { AddressesPage } from '@/pages/me/ui/sections/AddressesPage'

client/src/pages/product/ui/ProductPage.tsx

@@ -1,5 +1,4 @@
 import { useMemo, useState } from 'react'
-import { Star, X } from 'lucide-react'
 import Alert from '@mui/material/Alert'
 import Box from '@mui/material/Box'
 import Chip from '@mui/material/Chip'
@@ -13,6 +12,7 @@ import Stack from '@mui/material/Stack'
 import Typography from '@mui/material/Typography'
 import { useQuery } from '@tanstack/react-query'
 import { useUnit } from 'effector-react'
+import { Star, X } from 'lucide-react'
 import { useParams } from 'react-router-dom'
 import { Navigation } from 'swiper/modules'
 import { Swiper, SwiperSlide } from 'swiper/react'