Kirill
46 lines
2.0 KiB
Markdown
46 lines
2.0 KiB
Markdown
# UI Style Refresh — Implementation Plan
|
||
|
||
**Goal:** Замена иконок MUI→Lucide, редизайн темы/слайдера/фильтров/кнопок, VK в футер.
|
||
|
||
**Architecture:** 6 независимых этапов: подготовка (package.json, config), замена иконок в ~12 файлах, визуальный редизайн 3 компонентов.
|
||
|
||
**Tech Stack:** React, MUI, Lucide React
|
||
|
||
---
|
||
|
||
### Task A1: package.json + shared/config
|
||
- Удалить `@mui/icons-material` из package.json
|
||
- Заменить `STORE_SOCIAL_NOTE` на `VK_URL` в config
|
||
|
||
### Task A2: MUI-тема (AppProviders)
|
||
- Добавить `components.MuiButton` styleOverrides (тени, hover)
|
||
- Добавить `components.MuiIconButton` styleOverrides (scale)
|
||
|
||
### Task B3: Хедер + меню
|
||
- `AppHeader.tsx` — `Menu`, `Package` (lucide)
|
||
- `CartBadge.tsx` — `ShoppingCart` (lucide)
|
||
- `UserMenu.tsx` — `User` (lucide)
|
||
- `ToggleCartIcon.tsx` — `ShoppingCart`, `ShoppingCartOff` (lucide)
|
||
|
||
### Task B4: Админка
|
||
- `AdminLayoutPage.tsx` — `Store`, `LayoutGrid`, `Image`, `ListOrdered`, `MessageSquare`, `People`, `FileText` (lucide)
|
||
|
||
### Task B5: Личный кабинет
|
||
- `MeLayoutPage.tsx` — `Truck`, `MessageCircle`, `Settings`, `MapPin`, `SlidersHorizontal` (lucide)
|
||
|
||
### Task B6: Остальные иконки
|
||
- `ProductPage.tsx` — `Star`, `X` (lucide)
|
||
- `CartPage.tsx` — `Plus`, `Minus`, `Trash2` (lucide)
|
||
- `ModeSwitcher.tsx` — `Sun`, `Moon`, `Monitor` (lucide, 3 режима)
|
||
- `SchemeSwitcher.tsx` — без bgcolor, цветная обводка
|
||
- `RichTextMessageEditor.tsx` — `Bold`, `Italic`, `List` (lucide)
|
||
|
||
### Task C7: VK в футер
|
||
- `MainLayout.tsx` — кастомный SvgIcon VK, удалить SOCIAL_NOTE
|
||
|
||
### Task C8: ProductFilters (каталог)
|
||
- Search с иконкой, Chips категорий, компактные фильтры
|
||
|
||
### Task C9: CatalogSlider (слайдер)
|
||
- Подложка с градиентом, новый стиль текста
|