9 lines
982 B
Markdown
9 lines
982 B
Markdown
|
||
// ... existing code ...
|
||
# Документация по переносу компонента Dashboard (Основной блок)
|
||
|
||
## Общая структура компонента в React
|
||
- **Файл**: client/src/pages/Dashboard.tsx
|
||
- **Тип**: Функциональный компонент React с useState, useSelector, useDispatch, хуками (useAuth, useWebSocketNew, usePauseSystem, useNotifications, useIsMobile).
|
||
- **Зависимости**: react-redux, lucide-react (AlertTriangle), Tailwind CSS, компоненты (GamePort, BottomPanel, BurgerMenu, AppHeader, модалы).
|
||
- **Template (JSX)**: div с class "h-screen bg-slate-800 flex flex-col" (мобильный: "mobile-dashboard"), onClick для clearMoving. Включает AppHeader, уведомления (пауза, pending игры, смена), основную область с grid портов (3x2 на десктоп, адаптив на мобильный), модалы ( |