Задача

Требуется доработать веб-приложение для сервиса грузоперевозок, написанное на React + TypeScript. В приложении уже есть три вкладки. Необходимо добавить четвертую вкладку с лентой (списком) и формой (CRUD) для рейсов, создаваемых водителями.

Суть изменений

В существующем функционале водитель берет (или откликается) на заказы клиентов. На новой вкладке водитель должен иметь возможность создавать собственные рейсы и получать отклики от клиентов, выбирать один или несколько откликов для своего рейса.

Что нужно сделать

• Реализовать новую форму с полями: От, До, Время и др. (перечень полей уточняется у бэкендера или анализируется аналогичная форма)
• Реализовать ленту со списком созданных рейсов и откликов клиентов
• Реализовать логику выбора одного или нескольких клиентов (откликов) для рейса
• Настроить взаимодействие с бэкендом (API), при необходимости обратиться к разработчику бэкенда
• Соблюдать стиль и архитектуру существующего кода (вызовы API, типы, компоненты)

Процесс работы

1. Проанализировать существующую форму (третья вкладка), перенять подходящие детали реализации
2. Создать новую (четвертую) вкладку с формой и лентой, изменив содержание под требования рейсов и откликов
3. При необходимости уточнить формат данных у разработчика бэкенда
4. Использовать возможности ИИ для помощи в API‑запросах (или обратиться к штатному фронтенд‑разработчику)
5. Гарантировать работоспособность нового функционала