Необходимо сделать приложение на React, работающее по следующей логике:
- Наверху расположены 3 кнопки. По нажатию на каждую должен запускаться таймер с задержкой в секундах, равной номеру кнопки (начиная с 1).
- Таймер следующей нажатой кнопки должен запускаться только после завершения предыдущего (при этом кнопки не должны блокироваться, должна образовываться очередь)
- По завершению отсчета таймера, в лог добавляется запись в следующем формате: “${время вывода строки в лог}: ${номер кнопки} / ${время нажатия кнопки)
- Записи в логе должны следовать в порядке нажатия кнопок.
- Рядом с основными кнопками расположена кнопка "Сбросить". По нажатию кнопки "Сбросить" состояние приложения должно возвращаться к исходному.
- TypeScript
- Компоненты должны быть функциональными
- Должна быть возможность переиспользования компонентов
- Приложение должно поддерживать следующие npm-скрипты:
- start - запускается в режиме для разработки
- build - собирается в продакшен-билд
- Для запуска приложения должно быть достаточно выполнить: npm i && npm start