diff --git a/src/pages/Exercise.tsx b/src/pages/Exercise.tsx index 658e778..da440ff 100644 --- a/src/pages/Exercise.tsx +++ b/src/pages/Exercise.tsx @@ -36,6 +36,8 @@ interface RouteParams { exerciseIndex?: string // Added exerciseIndex parameter } + + export const Exercise = () => { const history = useHistory() const { courseId, exerciseId, exerciseIndex } = useParams() @@ -132,9 +134,11 @@ export const Exercise = () => { console.log("Загружаем упражнение. ID курса:", courseId, "ID упражнения:", actualExerciseId) + setLoading(true); + // загрузка упражнения connect .get(`pacient/${courseId}/${actualExerciseId}`) - .then((response) => { + .then(async (response) => { const exerciseData = response.data console.log("Данные упражнения получены:", exerciseData) @@ -170,6 +174,11 @@ export const Exercise = () => { console.log("Установлено количество подходов:", exerciseData.count) } + // Загрузка прогресса после получения упражнения + //await говорит, что нужно подождать, пока эта асинхронная функция (которая, возможно, делает сетевой запрос) завершится, прежде чем перейти к следующей строке кода. Это важно, чтобы результат загрузки был получен до того, как дальше попадёшь к другим действиям. + await loadProgressFromServer(); + + setLoading(false) }) .catch((error) => {