Merge pull request #56 from shreyas1434shinde/coursePlaner

Issue #PS-1532 feat: Foundation Course and Main Course functionality
tekdi · Jul 30, 2024 · 2efc60d · 2efc60d
2 parents 0e6a7bf + 1bd5e80
commit 2efc60d
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 14 deletions.
diff --git 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

diff --git 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',