From 9a3ffae21a0f7ad588acc8a11053841c0b96e3c8 Mon Sep 17 00:00:00 2001
From: ttpl-rt-099 <shreyas_s@techjoomla.com>
Date: Tue, 30 Jul 2024 12:26:30 +0530
Subject: [PATCH 1/2] Issue #PS-1532 feat: Foundation Course and Main Course
 functionality

---
 src/pages/course-planner.tsx | 52 ++++++++++++++++++++++++++++--------
 1 file changed, 41 insertions(+), 11 deletions(-)

diff --git a/src/pages/course-planner.tsx b/src/pages/course-planner.tsx
index a1b4e1e8..84d96c96 100644
--- a/src/pages/course-planner.tsx
+++ b/src/pages/course-planner.tsx
@@ -1,6 +1,7 @@
 import Header from '@/components/Header';
 import {
   Box,
+  CircularProgress,
   FormControl,
   Grid,
   IconButton,
@@ -176,18 +177,47 @@ const CoursePlanner = () => {
                         alignItems: 'center',
                       }}
                     >
-                      <Box sx={{ width: '40px', height: '40px' }}>
-                        {/* <CircularProgressbar
-                          value={50}
-                          strokeWidth={12}
-                          styles={buildStyles({
-                            pathColor: '#06A816',
-                            trailColor: '#E2D9CC',
-                            strokeLinecap: 'round',
-                            textColor: theme.palette.warning['300'],
-                          })}
-                        /> */}
+                      <Box
+                        sx={{ position: 'relative', display: 'inline-flex' }}
+                      >
+                        <Box sx={{ width: '40px', height: '40px' }}>
+                          <CircularProgressbar
+                            value={10}
+                            strokeWidth={10}
+                            styles={buildStyles({
+                              pathColor: '#06A816',
+                              trailColor: '#E6E6E6',
+                              strokeLinecap: 'round',
+                            })}
+                          />
+                        </Box>
+
+                        <Box
+                          sx={{
+                            top: 0,
+                            left: 0,
+                            bottom: 0,
+                            right: 0,
+                            position: 'absolute',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                          }}
+                        >
+                          <Typography
+                            variant="caption"
+                            component="div"
+                            sx={{
+                              fontSize: '11px',
+                              color: theme.palette.warning['300'],
+                              fontWeight: '500',
+                            }}
+                          >
+                            10%
+                          </Typography>
+                        </Box>
                       </Box>
+
                       <Box
                         sx={{
                           fontSize: '16px',

From 1bd5e807449472cddcec8d43c90586ff392d2e80 Mon Sep 17 00:00:00 2001
From: ttpl-rt-099 <shreyas_s@techjoomla.com>
Date: Tue, 30 Jul 2024 12:30:57 +0530
Subject: [PATCH 2/2] Issue #PS-1532 feat: Foundation Course and Main Course
 functionality

---
 src/components/MenuDrawer.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/MenuDrawer.tsx b/src/components/MenuDrawer.tsx
index 6cf7c4df..a2f6d44c 100644
--- a/src/components/MenuDrawer.tsx
+++ b/src/components/MenuDrawer.tsx
@@ -266,9 +266,7 @@ const MenuDrawer: React.FC<DrawerProps> = ({
               padding: isCoursePlanner
                 ? '16px 18px !important'
                 : '0px 18px !important',
-              color: isCoursePlanner
-                ? theme.palette.action.focus
-                : theme.palette.warning.A200,
+              color: isCoursePlanner ? '#2E1500' : theme.palette.warning.A200,
               fontWeight: isCoursePlanner ? '600' : 500,
               '&:hover': {
                 background: isCoursePlanner