deploy

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

@@ -24,6 +24,7 @@ import { fetchCategories, fetchPublicProducts } from '@/entities/product/api/pro
 import { ProductCard } from '@/entities/product/ui/ProductCard'
 import { ToggleCartIcon } from '@/features/cart/toggle-cart-icon'
 import { $user } from '@/shared/model/auth'
+import { CatalogSlider } from '@/widgets/catalog-slider'
 import { ReviewsBlock } from '@/widgets/reviews-block'
 
 export function HomePage() {
@@ -114,6 +115,15 @@ export function HomePage() {
     [categorySlug, categoriesQuery.data],
   )
 
+  const categoriesForFilter = useMemo(() => {
+    const list = categoriesQuery.data ?? []
+    return [...list].sort((a, b) => {
+      if (a.slug === 'ne-ukazano') return 1
+      if (b.slug === 'ne-ukazano') return -1
+      return a.sort - b.sort || a.name.localeCompare(b.name, 'ru')
+    })
+  }, [categoriesQuery.data])
+
   const products = productsQuery.data?.items ?? []
   const total = productsQuery.data?.total ?? 0
   const totalPages = Math.max(1, Math.ceil(total / pageSize))
@@ -121,6 +131,8 @@ export function HomePage() {
 
   return (
     <Box>
+      <CatalogSlider />
+
       <Typography variant="h4" component="h1" gutterBottom>
         {title}
       </Typography>
@@ -146,7 +158,7 @@ export function HomePage() {
               <MenuItem value="">
                 <em>Все</em>
               </MenuItem>
-              {(categoriesQuery.data ?? []).map((c) => (
+              {categoriesForFilter.map((c) => (
                 <MenuItem key={c.id} value={c.slug}>
                   {c.name}
                 </MenuItem>