Stormic

В рамках активной доработки функционала редактора гайдов были внедрены мощные инструменты управления вкладками и секциями. Эти изменения направлены на повышение удобства работы авторов с контентом, особенно при создании сложных структур, характерных для игровых гайдов, таких как те, что посвящены World of Warcraft.

📦 Интеграция React Query: управление вкладками стало проще

Первым шагом в улучшении редактора стало подключение React Query для управления состоянием вкладок. Это позволило:

• Упростить загрузку и кеширование данных
• Синхронизировать вкладки с сервером в реальном времени
• Избежать избыточных запросов при редактировании и переключении между вкладками

Теперь авторы могут быстрее переключаться между контентными блоками, не теряя внесённые изменения.

🗂 Группы вкладок и переработка моделей

Следующим шагом стало рефакторинг моделей вкладок и секций. Вкладки теперь объединены в группы, что позволило:

• Создавать сложные структуры гайдов с вложенными темами
• Управлять контентом логически и визуально (например, отдельные группы вкладок для PvE, PvP, билдов и т.п.)
• Улучшить читаемость и масштабируемость редактора

Компоненты TabsEditor и связанные с ним интерфейсы были обновлены для поддержки этой логики.

🖱 Drag & Drop на базе @dnd-kit

Одним из самых ожидаемых и визуально приятных нововведений стало добавление Drag & Drop-функциональности с использованием библиотеки @dnd-kit. Теперь пользователи могут:

• Перетаскивать вкладки внутри группы или между группами
• Упорядочивать секции с помощью простого drag’n’drop
• Получать визуальную обратную связь во время взаимодействия

Это не только ускоряет процесс редактирования, но и делает его более интуитивным.

🛡 Подтверждение удаления: alert dialog

Для предотвращения случайной потери контента была добавлена интеграция Alert Dialog:

• При удалении вкладки или секции пользователь видит предупреждение
• Удаление не происходит без подтверждения
• Это повышает надёжность и контроль над действиями