From 7199cafcad04b340ae077288e77890572a8e8930 Mon Sep 17 00:00:00 2001
From: Tatyana <krasnovavgma@yandex.ru>
Date: Thu, 7 Aug 2025 12:58:05 +0300
Subject: [PATCH] =?UTF-8?q?=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=20home=20=D0=B4?=
 =?UTF-8?q?=D0=B8=D0=B7=D0=B0=D0=B9=D0=BD=20=D0=B4=D0=BE=D0=B4=D0=B5=D0=BB?=
 =?UTF-8?q?=D0=B0=D0=BB=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BottomNavigation.tsx |  26 +--
 src/pages/Home.tsx                  | 272 ++++++++++++++--------------
 2 files changed, 144 insertions(+), 154 deletions(-)

diff --git a/src/components/BottomNavigation.tsx b/src/components/BottomNavigation.tsx
index 2b365a4..320e19c 100644
--- a/src/components/BottomNavigation.tsx
+++ b/src/components/BottomNavigation.tsx
@@ -9,11 +9,11 @@ const BottomNavigation: React.FC = () => {
   const location = useLocation()
 
   // Define SVG icons directly within the component, with active state styling
-  const HomeIcon = ({ active, size = 24 }: { active: boolean; size?: number }) => (
+  const HomeIcon = ({ active }: { active: boolean; size?: number }) => (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
+      width={40}
+      height={40}
       viewBox="0 0 29 29"
            fill={ active ? "#2B8794" : "#ffffff"}
       stroke={"none"}
@@ -26,11 +26,11 @@ const BottomNavigation: React.FC = () => {
     </svg>
   )
 
-  const CoursesIcon = ({ active, size = 24 }: { active: boolean; size?: number }) => (
+  const CoursesIcon = ({ active }: { active: boolean; size?: number }) => (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
+      width={40}
+      height={40}
       viewBox="0 0 26 26"
      fill={ active ? "#2B8794" : "#ffffff"}
       strokeWidth="2"
@@ -41,11 +41,11 @@ const BottomNavigation: React.FC = () => {
     </svg>
   )
 
-  const ExerciseIcon = ({ active, size = 24 }: { active: boolean; size?: number }) => (
+  const ExerciseIcon = ({ active }: { active: boolean; size?: number }) => (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
+      width={40}
+      height={40}
       viewBox="0 0 29 29"
      fill={ active ? "#2B8794" : "#ffffff"}
     >
@@ -61,11 +61,11 @@ const BottomNavigation: React.FC = () => {
     </svg>
   )
 
-  const SettingsIcon = ({ active, size = 24 }: { active: boolean; size?: number }) => (
+  const SettingsIcon = ({ active }: { active: boolean; size?: number }) => (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
+      width={40}
+      height={40}
       viewBox="0 0 28 28"
       fill={ active ? "#2B8794" : "#ffffff"}
       // stroke={active ? "none" : "#ffffff"}
@@ -124,7 +124,7 @@ const BottomNavigation: React.FC = () => {
                   }`}
               >
                 {/* Внутренний маленький круг */}
-                <div className="w-3 h-3 bg-cyan-900 rounded-full mx-auto my-auto mt-[1px]" />
+                <div className="w-3 h-3 bg-cyan-900 rounded-full mt-[1px] ml-[1px]" />
               </div>
 
             </button>
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index bb4e20c..d357ae0 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -11,7 +11,7 @@ export default function Home() {
   useEffect(() => {
     setCurrentDate(
       new Date().toLocaleDateString("ru-RU", {
-        weekday: "long",
+
         year: "numeric",
         month: "long",
         day: "numeric",
@@ -23,7 +23,7 @@ export default function Home() {
 
 
 
-  
+
   const stats = [
     {
       value: "12",
@@ -146,164 +146,154 @@ export default function Home() {
   const overallProgress = Math.round(courses.reduce((sum, course) => sum + course.progress, 0) / totalCourses)
 
   return (
-    <div className=" bg-gray-50 py-20 min-h-screen max-w-4xl mx-auto">
-      {/* Header */}
-      <div className="bg-white rounded-3xl p-6 shadow-lg mb-6 mx-4 sm:mx-6">
-        <div className="flex items-center justify-between mb-6 border-b-2 pb-4">
-          <div>
-            <h1 className="text-2xl sm:text-3xl font-bold text-gray-600 mb-2">Привет, Александр!</h1>
+    <div className="bg-gray-50 w-full h-full">
+      <div className=" py-20 min-h-screen max-w-4xl mx-auto">
+        {/* Header */}
+        <div className="bg-white rounded-3xl p-6 shadow-lg mb-6 mx-4 sm:mx-6">
+          <div className="flex items-center justify-between mb-6 border-b-2 pb-4">
+            <div>
+              <h1 className="text-2xl font-bold text-gray-600 mb-2">Результаты</h1>
+            </div>
+            <div className="text-right">
+              <p className="text-gray-600 font-medium text-sm sm:text-base">{currentDate}</p>
+            </div>
           </div>
-          <div className="text-right">
-            <p className="text-gray-600 font-medium text-sm sm:text-base">{currentDate}</p>
+          <div className="flex justify-between items-center">
+            <div className="flex flex-col gap-6">
+              <div className="text-left">
+                <div className="text-base text-gray-800">Все курсы</div>
+                <div className="text-2xl font-bold text-cyan-500">{totalCourses}/1</div>
+              </div>
+              <div className="text-left">
+                <div className="text-base text-gray-800">Все упражнения</div>
+                <div className="text-2xl font-bold text-orange-400">{totalExercises}/4</div>
+              </div>
+            </div>
+            <div className="flex justify-center items-center gap-8 mt-8">
+              <CircularProgressDisplay
+                overallProgress={overallProgress}
+                totalCourses={totalCourses}
+                totalExercises={totalExercises}
+              />
+            </div>
           </div>
         </div>
-
-        <div className="flex justify-between items-center">
-
-
-          <div className="flex flex-col gap-6">
-            <div className="text-left">
-              <div className="text-base text-gray-800">Все курсы</div>
-              <div className="text-2xl font-bold text-cyan-500">{totalCourses}/1</div>
-
+        <div onClick={() => history.push("/exercise/1")} className="px-4 sm:px-6 space-y-6 ">
+          {/* Current Exercise */}
+          <div className="bg-gradient-to-r from-[#2BACBE] to-[#1E7F8C] rounded-3xl p-6 shadow-2xl text-white max-w-4xl mx-auto my-8 transition-transform transform hover:scale-105 duration-300">
+            {/* Заголовок и статус */}
+            <div className="flex items-center justify-between flex-wrap mb-6 border-b-2 pb-4">
+              <h2 className="text-xl sm:text-2xl font-extrabold">Тренировка</h2>
+              <div className="px-3 py-1 bg-white/20 rounded-full shadow-lg backdrop-blur-sm">
+                <span className="text-white text-sm font-semibold">Активно</span>
+              </div>
             </div>
-            <div className="text-left">
-              <div className="text-base text-gray-800">Все упражнения</div>
-              <div className="text-2xl font-bold text-orange-400">{totalExercises}/4</div>
-
+            {/* Основной блок с иконками и прогрессом */}
+            <div className="flex items-start flex-wrap space-x-4 mb-6">
+              {/* Иконка часов */}
+              <div className="relative flex-shrink-0">
+                <div className="w-20 h-20 bg-white/70 rounded-2xl flex items-center justify-center shadow-xl transition-transform hover:scale-105 duration-300">
+                  {/* Clock SVG */}
+                  <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 20 20" fill="none">
+                    <path fill="#2BACBE" d="M15 1.34A10 10 0 1 1 .005 10.324L0 10l.005-.324A10 10 0 0 1 15 1.34ZM10 4a1 1 0 0 0-.993.883L9 5v5l.009.13a1 1 0 0 0 .197.478l.087.1 3 3 .094.082a1 1 0 0 0 1.226 0l.094-.083.083-.094a1 1 0 0 0 0-1.226l-.083-.094L11 9.585V5l-.007-.117A1 1 0 0 0 10 4Z" />
+                    {/* Удалил лишний circle, так как он не нужен */}
+                    <polyline points="12,6,12,12,16,14" />
+                  </svg>
+                </div>
+                {/* Пульсирующая точка */}
+                <div className="absolute -bottom-1 -right-1 w-6 h-6 bg-white rounded-full shadow-lg animate-pulse flex items-center justify-center">
+                  <svg className="w-3 h-3 text-[#2BACBE]" fill="currentColor" viewBox="0 0 24 24">
+                    <path d="M8 5v14l11-7z" />
+                  </svg>
+                </div>
+              </div>
+              {/* Информация о упражнении */}
+              <div className="flex flex-col justify-center ml-4 flex-grow">
+                <h3 className="font-extrabold text-lg mb-2">В процессе</h3>
+                <p className="text-white/70 font-medium mb-4 text-base">Текущее упражнение</p>
+                {/* Кнопка с стрелкой */}
+              </div>
+              <button
+                onClick={() => history.goBack()}
+                className="w-12 h-12 glass-morphism rounded-2xl flex items-center justify-center border border-white/30 hover:bg-white/30 transition-all duration-300 shadow-lg ml-auto"
+              >
+                <svg className="w-6 h-6 text-white transform rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7L15 5" />
+                </svg>
+              </button>
             </div>
           </div>
-
-          <div className="flex justify-center items-center gap-8 mt-8">
-            <CircularProgressDisplay
-              overallProgress={overallProgress}
-              totalCourses={totalCourses}
-              totalExercises={totalExercises}
-            />
-          </div>
-        </div>
-      </div>
-
-      <div className="px-4 sm:px-6 space-y-6">
-        {/* Current Exercise */}
-        <div className="bg-gradient-to-r from-[#2BACBE] to-[#1E7F8C] rounded-3xl p-6 shadow-2xl text-white max-w-4xl mx-auto my-8 transition-transform transform hover:scale-105 duration-300">
-          {/* Заголовок и статус */}
-          <div className="flex items-center justify-between mb-6 flex-wrap">
-            <h2 className="text-xl sm:text-2xl font-extrabold">Тренировка</h2>
-            <div className="px-3 py-1 bg-white/20 rounded-full shadow-lg backdrop-blur-sm">
-              <span className="text-white text-sm font-semibold">Активно</span>
-            </div>
-          </div>
-
-          {/* Основной блок с иконками и прогрессом */}
-          <div className="flex items-center flex-wrap space-x-4 mb-6">
-            {/* Иконка часов */}
-            <div className="relative flex-shrink-0">
-              <div className="w-24 h-24 bg-white/20 rounded-2xl flex items-center justify-center shadow-xl transition-transform hover:scale-105 duration-300">
-                {/* Clock SVG */}
-                <svg
+          {/* Quick Stats (Total Exercises & Total Courses) */}
+          <div className="grid grid-cols-2 gap-4 md:gap-10">
+            <div onClick={() => history.push("/courses")} className="glass-morphism rounded-3xl text-left border border-white/50 shadow-lg backdrop-blur-xl  p-6  text-white transition-transform transform hover:scale-105 duration-300 overflow-hidden">
+                    <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  width="40"
-                  height="40"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
+                  width={180}
+                  height={180}
+                  viewBox="0 0 26 26"
+                  fill={"#E6E5E5"}
                   strokeWidth="2"
                   strokeLinecap="round"
                   strokeLinejoin="round"
-                  className="text-white"
+                  className="absolute -right-8 -top-8 -rotate-45"
                 >
-                  <circle cx="12" cy="12" r="10" />
-                  <polyline points="12 6 12 12 16 14" />
+                  <path d="M4.147 9.186c.112-1.3.52-2.328 1.21-3.062.69-.733 1.721-1.232 3.194-1.368l.532-.05V2.344a.3.3 0 0 1 .293-.293.3.3 0 0 1 .293.293v2.344h8.79V2.344a.3.3 0 0 1 .293-.293.3.3 0 0 1 .293.293v2.362l.532.05c1.473.136 2.503.635 3.193 1.368.692.734 1.098 1.763 1.21 3.064H4.15a.017.017 0 0 1-.004-.002ZM4.688 12.118H23.44a.59.59 0 0 1 .586.586v7.22c0 1.668-.417 2.969-1.235 3.85-.81.873-2.1 1.425-4.039 1.425H9.376c-1.939 0-3.228-.552-4.039-1.425-.818-.881-1.235-2.182-1.235-3.85v-7.22a.59.59 0 0 1 .586-.586Zm5.945 6.773a1.759 1.759 0 0 0-1.341 0 1.94 1.94 0 0 0-.554.352l-.018.015-.015.017c-.307.324-.5.77-.5 1.235 0 .465.193.911.5 1.235l.015.017.018.016c.164.148.35.266.553.351.201.084.43.139.671.139.242 0 .47-.055.671-.139.204-.085.389-.203.553-.351l.018-.016.015-.017c.307-.324.501-.77.501-1.235 0-.464-.194-.911-.5-1.235l-.016-.017-.018-.015-.127-.106a1.92 1.92 0 0 0-.426-.246Zm0-4.102a1.759 1.759 0 0 0-1.341 0c-.204.085-.39.203-.554.351l-.023.021-.02.023a1.94 1.94 0 0 0-.352.554c-.083.2-.138.43-.138.67 0 .242.055.47.138.67.085.204.204.39.352.554l.02.024.023.02c.164.148.35.267.553.352.201.083.43.138.671.138.242 0 .47-.055.671-.138.204-.085.389-.204.553-.352l.024-.02.02-.024c.148-.164.267-.35.351-.554.084-.2.14-.428.14-.67 0-.24-.056-.47-.14-.67a1.938 1.938 0 0 0-.351-.554l-.02-.022-.024-.022a1.94 1.94 0 0 0-.553-.35Zm4.1 0a1.66 1.66 0 0 0-1.192-.057l-.148.057a1.942 1.942 0 0 0-.553.351l-.017.016-.016.017c-.307.324-.5.771-.5 1.236 0 .464.193.91.5 1.234l.016.017.017.016c.165.148.35.267.553.352.2.083.43.138.671.138.241 0 .47-.055.67-.138.205-.085.39-.204.555-.352l.017-.015.016-.018c.307-.324.5-.77.5-1.234 0-.465-.193-.912-.5-1.236l-.016-.017-.017-.016-.128-.106a1.922 1.922 0 0 0-.409-.237h.001l-.011-.005c-.003 0-.005-.002-.007-.003h-.001Z" />
+                </svg>
+              <div className="w-20 h-20 bg-white/20 rounded-2xl flex items-center justify-center shadow-xl mb-4 z-20 relative">
+                {/* Clock icon SVG */}
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width={40}
+                  height={40}
+                  viewBox="0 0 26 26"
+                  fill={"#2B8794"}
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                >
+                  <path d="M4.147 9.186c.112-1.3.52-2.328 1.21-3.062.69-.733 1.721-1.232 3.194-1.368l.532-.05V2.344a.3.3 0 0 1 .293-.293.3.3 0 0 1 .293.293v2.344h8.79V2.344a.3.3 0 0 1 .293-.293.3.3 0 0 1 .293.293v2.362l.532.05c1.473.136 2.503.635 3.193 1.368.692.734 1.098 1.763 1.21 3.064H4.15a.017.017 0 0 1-.004-.002ZM4.688 12.118H23.44a.59.59 0 0 1 .586.586v7.22c0 1.668-.417 2.969-1.235 3.85-.81.873-2.1 1.425-4.039 1.425H9.376c-1.939 0-3.228-.552-4.039-1.425-.818-.881-1.235-2.182-1.235-3.85v-7.22a.59.59 0 0 1 .586-.586Zm5.945 6.773a1.759 1.759 0 0 0-1.341 0 1.94 1.94 0 0 0-.554.352l-.018.015-.015.017c-.307.324-.5.77-.5 1.235 0 .465.193.911.5 1.235l.015.017.018.016c.164.148.35.266.553.351.201.084.43.139.671.139.242 0 .47-.055.671-.139.204-.085.389-.203.553-.351l.018-.016.015-.017c.307-.324.501-.77.501-1.235 0-.464-.194-.911-.5-1.235l-.016-.017-.018-.015-.127-.106a1.92 1.92 0 0 0-.426-.246Zm0-4.102a1.759 1.759 0 0 0-1.341 0c-.204.085-.39.203-.554.351l-.023.021-.02.023a1.94 1.94 0 0 0-.352.554c-.083.2-.138.43-.138.67 0 .242.055.47.138.67.085.204.204.39.352.554l.02.024.023.02c.164.148.35.267.553.352.201.083.43.138.671.138.242 0 .47-.055.671-.138.204-.085.389-.204.553-.352l.024-.02.02-.024c.148-.164.267-.35.351-.554.084-.2.14-.428.14-.67 0-.24-.056-.47-.14-.67a1.938 1.938 0 0 0-.351-.554l-.02-.022-.024-.022a1.94 1.94 0 0 0-.553-.35Zm4.1 0a1.66 1.66 0 0 0-1.192-.057l-.148.057a1.942 1.942 0 0 0-.553.351l-.017.016-.016.017c-.307.324-.5.771-.5 1.236 0 .464.193.91.5 1.234l.016.017.017.016c.165.148.35.267.553.352.2.083.43.138.671.138.241 0 .47-.055.67-.138.205-.085.39-.204.555-.352l.017-.015.016-.018c.307-.324.5-.77.5-1.234 0-.465-.193-.912-.5-1.236l-.016-.017-.017-.016-.128-.106a1.922 1.922 0 0 0-.409-.237h.001l-.011-.005c-.003 0-.005-.002-.007-.003h-.001Z" />
                 </svg>
               </div>
-              {/* Пульсирующая точка */}
-              <div className="absolute -bottom-1 -right-1 w-6 h-6 bg-white rounded-full flex items-center justify-center shadow-lg animate-pulse">
-                <svg className="w-3 h-3 text-[#2BACBE]" fill="currentColor" viewBox="0 0 24 24">
-                  <path d="M8 5v14l11-7z" />
+              <div className="text-xl font-bold text-gray-800 mb-1 z-20 relative">Курсы</div>
+              <div className="text-base text-gray-600 z-20 relative">все назначенные</div>
+            </div>
+            <div onClick={() => history.push("/course/${courseId}/exercises")} className="glass-morphism rounded-3xl text-left border border-white/50 shadow-lg backdrop-blur-xl  p-6  text-white transition-transform transform hover:scale-105 duration-300 overflow-hidden">
+                    <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width={180}
+                  height={180}
+                  viewBox="0 0 26 26"
+                  fill={"#E6E5E5"}
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  className="absolute -right-8 -top-8 -rotate-45"
+                >
+                  <path d="M20.136 6.739c.944 0 1.892.183 2.593.716.672.51 1.215 1.417 1.215 3.094v7.03c0 1.677-.543 2.584-1.215 3.095-.701.533-1.65.715-2.593.715-.945 0-1.894-.182-2.595-.715-.672-.51-1.215-1.418-1.215-3.094v-7.031c0-1.677.543-2.584 1.215-3.094.701-.533 1.65-.716 2.595-.716ZM7.994 6.739c.944 0 1.892.183 2.593.716.672.51 1.215 1.417 1.215 3.094v7.03c0 1.677-.543 2.584-1.215 3.095-.701.533-1.65.715-2.593.715-.945 0-1.893-.182-2.595-.715-.671-.51-1.215-1.418-1.215-3.094v-7.031c0-1.677.544-2.584 1.215-3.094.702-.533 1.65-.716 2.595-.716ZM15.154 13.771v.586h-2.18v-.586h2.18Z" />
+                  <path d="M26.37 17.873a.885.885 0 0 1-.879-.879v-5.86c0-.48.399-.879.88-.879.48 0 .878.399.878.88v5.86c0 .48-.398.878-.879.878ZM1.758 17.873a.885.885 0 0 1-.88-.879v-5.86c0-.48.4-.879.88-.879s.879.399.879.88v5.86c0 .48-.399.878-.88.878Z" />
+                </svg>
+              <div className="w-20 h-20 bg-white/20 rounded-2xl flex items-center justify-center shadow-xl mb-4 z-20 relative">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width={40}
+                  height={40}
+                  viewBox="0 0 26 26"
+                  fill={"#FF8D28"}
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                >
+                  <path d="M20.136 6.739c.944 0 1.892.183 2.593.716.672.51 1.215 1.417 1.215 3.094v7.03c0 1.677-.543 2.584-1.215 3.095-.701.533-1.65.715-2.593.715-.945 0-1.894-.182-2.595-.715-.672-.51-1.215-1.418-1.215-3.094v-7.031c0-1.677.543-2.584 1.215-3.094.701-.533 1.65-.716 2.595-.716ZM7.994 6.739c.944 0 1.892.183 2.593.716.672.51 1.215 1.417 1.215 3.094v7.03c0 1.677-.543 2.584-1.215 3.095-.701.533-1.65.715-2.593.715-.945 0-1.893-.182-2.595-.715-.671-.51-1.215-1.418-1.215-3.094v-7.031c0-1.677.544-2.584 1.215-3.094.702-.533 1.65-.716 2.595-.716ZM15.154 13.771v.586h-2.18v-.586h2.18Z" />
+                  <path d="M26.37 17.873a.885.885 0 0 1-.879-.879v-5.86c0-.48.399-.879.88-.879.48 0 .878.399.878.88v5.86c0 .48-.398.878-.879.878ZM1.758 17.873a.885.885 0 0 1-.88-.879v-5.86c0-.48.4-.879.88-.879s.879.399.879.88v5.86c0 .48-.399.878-.88.878Z" />
                 </svg>
               </div>
+              <div className="text-xl font-bold text-gray-800 mb-1 z-20 relative">Упражнения</div>
+              <div className="text-base text-gray-600 z-20 relative">внутри текущего курса </div>
             </div>
-
-            {/* Информация о упражнении */}
-            <div className="flex-1 min-w-[200px]">
-              <h3 className="font-extrabold text-lg mb-2">Подъемы ног лежа</h3>
-              <p className="text-white/70 font-medium mb-4 text-sm">Восстановление колена • 3 подхода по 12</p>
-
-              {/* Прогрессбар */}
-              <div className="relative w-full h-4 bg-white/30 rounded-full overflow-hidden mb-1">
-                <div
-                  className="bg-white h-full rounded-full shadow-sm transition-all duration-700"
-                  style={{ width: "60%" }}
-                ></div>
-                {/* Процент */}
-                <div className="absolute right-2 top-[-1.5rem] text-sm font-semibold text-white/80">{'60%'}</div>
-              </div>
-            </div>
-          </div>
-
-          {/* Кнопка продолжения */}
-          <div className="flex justify-center mt-4">
-            <button
-              onClick={() => history.push("/exercise/1")}
-              className="bg-white text-[#2BACBE] px-6 py-3 rounded-[30px] font-bold shadow-lg hover:shadow-xl transition-transform transform hover:scale-[1.05] backdrop-blur-sm text-sm sm:text-base max-w-xs w-full"
-            >
-              Продолжить
-            </button>
           </div>
         </div>
-
-        {/* Quick Stats (Total Exercises & Total Courses) */}
-        <div className="grid grid-cols-2 gap-4 ">
-          <div  onClick={() => history.push("/courses")} className="glass-morphism rounded-3xl text-left border border-white/50 shadow-lg backdrop-blur-xl  p-6  text-white transition-transform transform hover:scale-105 duration-300">
-            <div className="w-20 h-20 bg-white/20 rounded-2xl flex items-center justify-center shadow-xl mb-4">
-              {/* Clock icon SVG */}
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="#2BACBE"
-                stroke="cyan-500"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
-                <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h6z" />
-              </svg>
-            </div>
-            <div className="text-2xl font-bold text-gray-800 mb-1 ">Курсы</div>
-            <div className="text-base text-gray-600">все назначенные</div>
-          </div>
-
-
-          <div onClick={() => history.push("/course/${courseId}/exercises")}  className="glass-morphism rounded-3xl text-left border border-white/50 shadow-lg backdrop-blur-xl  p-6  text-white transition-transform transform hover:scale-105 duration-300">
-            <div className="w-20 h-20 bg-white/20 rounded-2xl flex items-center justify-center shadow-xl mb-4">
-              {/* Clock icon SVG */}
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="#2BACBE"
-                stroke="cyan-500"
-                strokeWidth="2"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
-                <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h6z" />
-              </svg>
-            </div>
-            <div className="text-2xl font-bold text-gray-800 mb-1">Упражнения</div>
-            <div className="text-base text-gray-600">внутри текущего курса </div>
-          </div>
-        </div>
-
-
+        <BottomNavigation />
       </div>
-      <BottomNavigation />
     </div>
   )
 }