20 lines
1008 B
Markdown
20 lines
1008 B
Markdown
|
||
# Документация по переносу кнопки "ESP Reconnect" в хедере
|
||
|
||
## Общая структура в React
|
||
- **Расположение**: В AppHeader.tsx, правая часть flex, третья кнопка.
|
||
- **Тип**: Button элемент с @click={onESPReconnect}, title="Переподключить ESP".
|
||
- **Зависимости**: Tailwind CSS, lucide-react (RefreshCw icon).
|
||
- **JSX**: <button class="bg-green-600 hover:bg-green-700 text-white px-3 py-1.5 rounded text-sm transition-colors" title="Переподключить ESP">
|
||
<RefreshCw class="w-4 h-4" />
|
||
ESP Reconnect
|
||
</button>.
|
||
|
||
## Элементы
|
||
- Иконка: RefreshCw (w-4 h-4, белая).
|
||
- Текст: "ESP Reconnect" (text-sm).
|
||
- Title: "Переподключить ESP" (tooltip).
|
||
- Handler: onESPReconnect — отправляет команды переподключения via WebSocket.
|
||
|
||
## Стили (Tailwind примеры)
|
||
- Основной: bg-green-600 text-white px |