diff --git a/src/pages/CourseExercises.tsx b/src/pages/CourseExercises.tsx
index 74ab5db..bdf8108 100644
--- a/src/pages/CourseExercises.tsx
+++ b/src/pages/CourseExercises.tsx
@@ -1,13 +1,14 @@
 "use client"
 
 import { useState, useEffect } from "react"
-import { useParams } from "react-router-dom"
+import { useParams, useHistory } from "react-router-dom"
 
 import HeaderNav from "../components/HeaderNav"
 import BottomNavigation from "../components/BottomNavigation"
 
 import { connect } from '../confconnect';
 
+import { getRouteExercise } from "../shared/consts/router"
 
 
 interface CourseExercises {
@@ -27,7 +28,7 @@ interface Exercise {
 
 
 export const CourseExercises = () => {
-
+const history = useHistory();
   const { id } = useParams<{ id: string }>();
 
   // const [pacientData, setPacientData] = useState(null);
@@ -134,7 +135,10 @@ export const CourseExercises = () => {
         <div className="exercise-list mb-20">
           {filteredExercises.length > 0 ? (
             filteredExercises.map((item) => (
-              <div key={item.id_exercise} className="p-4 mb-4  hover:scale-105 transition duration-300 glass-morphism rounded-3xl border border-white/50 shadow-2xl overflow-hidden backdrop-blur-2xl relative">
+              <div 
+              key={item.id_exercise} 
+              onClick={() => history.push(getRouteExercise(item.id_course.toString(), item.id_exercise.toString()))}
+              className="p-4 mb-4  hover:scale-105 transition duration-300 glass-morphism rounded-3xl border border-white/50 shadow-2xl overflow-hidden backdrop-blur-2xl relative">
                 <h3 className="text-sm">Упражнение {item.id_exercise}</h3>
                 <h3 className="text-xl font-semibold text-gray-600 mb-3">{item.exercise.title}</h3>