fix: update

Desc : update project

Project/Frontend/SignConnectPlus/src/data/curriculums.ts

@@ -5,7 +5,7 @@ export const curriculums: curriculumType[] = [
         "curriculumCode": "01",
         "curriculumLevel": 1,
         "curriculumDescription": "This curriculum teaches basic sign language skills to help beginners communicate effectively using sign language.",
-        "curriculumTitle": "Learn Basic Sign Language Skills",
+        "curriculumTitle": "Basic Sign Language Skills",
         "curriculumImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
         "_id": "1",
         "status": 1,
@@ -197,7 +197,7 @@ export const curriculums: curriculumType[] = [
     {
         "curriculumCode": "02",
         "curriculumLevel": 2,
-        "curriculumTitle": "Learn Intermediate Sign Language Skills",
+        "curriculumTitle": "Intermediate Sign Language Skills",
         "curriculumDescription": "This curriculum focuses on building intermediate sign language skills, allowing learners to engage in more complex conversations and interactions using sign language.",
         "curriculumImage": "https://drive.google.com/uc?export=view&id=1b5C6VNO55k3Wj6DJ-vJiUFFEuQnXs5Jo",
         "tutorials": [],
@@ -210,7 +210,7 @@ export const curriculums: curriculumType[] = [
     {
         "curriculumCode": "03",
         "curriculumLevel": 3,
-        "curriculumTitle": "Learn Advance Sign Language Skills",
+        "curriculumTitle": "Advance Sign Language Skills",
         "curriculumDescription": "This curriculum is designed for those who already have a solid foundation in sign language. It covers advanced topics, nuances, and cultural aspects of sign language communication.",
         "curriculumImage": "https://drive.google.com/uc?export=view&id=1k-CtiCkM3efhmTBet-JZt2izxVrAdBL3",
         "tutorials": [],

Project/Frontend/SignConnectPlus/src/data/userProgress.ts

@@ -7,7 +7,7 @@ export const userProgress: userProgressType = {
         {
             "curriculumCode": "01",
             "curriculumLevel": 1,
-            "curriculumTitle": "Learn Basic Sign Language Skills",
+            "curriculumTitle": "Basic Sign Language Skills",
             "curriculumDescription": "This curriculum teaches basic sign language skills to help beginners communicate effectively using sign language.",
             "curriculumImage": "https://drive.google.com/uc?export=view&id=1YACBlu7X-O7-DKv5DoW3AM9kgfT7Yhdc",
             "curriculumMark": 100,

Project/Frontend/SignConnectPlus/src/sections/learning-management/learning-curriculums-subscribed/TutorialSection.tsx

@@ -70,9 +70,9 @@ const TutorialSection = ({ tutorial }: { tutorial: tutorialTypeUserProgress }) =
                                             variant="outlined"
                                             endIcon={<PlaySquareOutlined />}
                                             sx={{ my: 2 }}
-                                            onClick={() => { navigation(`/learning-management/curriculums-subscribed`) }}
+                                            onClick={() => { navigation(`/learning-management/curriculums-subscribed-tutorial`) }}
                                         >
-                                            Start
+                                            Start Tutorial
                                         </Button>
                                     </AnimateButton>
                                 </Box>

Project/Frontend/SignConnectPlus/src/sections/learning-management/learning-curriculums/CurriculumCard.tsx

 import { useState } from 'react';
+import { useNavigate } from 'react-router';
 
 // material-ui
 import {
@@ -25,6 +26,8 @@ import CurriculumPreview from './CurriculumPreview';
 // ==============================|| CURRICULUM - CARD ||============================== //
 
 const CurriculumCard = ({ curriculum }: { curriculum: curriculumType }) => {
+  const navigate = useNavigate()
+
   const [open, setOpen] = useState(false);
 
   const handleClickOpen = () => {
@@ -35,6 +38,9 @@ const CurriculumCard = ({ curriculum }: { curriculum: curriculumType }) => {
     setOpen(false);
   };
 
+  const [desc, setDesc] = useState(curriculum.curriculumDescription?.slice(0, 100))
+  const [readMore, setReadMore] = useState(false)
+
   return (
     <>
       <Animation
@@ -51,41 +57,54 @@ const CurriculumCard = ({ curriculum }: { curriculum: curriculumType }) => {
               </Typography>
             </Grid>
             <Grid item xs={12}>
-              <Typography variant="body1" color="secondary">
-                {curriculum.curriculumDescription}
+              <Typography variant="body1" color="secondary" sx={{ textAlign: "justify" }}>
+                {desc}
+                <span style={{ fontWeight: "bold", cursor: "pointer" }}
+                  onClick={() => {
+                    if (!readMore) {
+                      setDesc(curriculum.curriculumDescription)
+                      setReadMore(true)
+                    } else {
+                      setDesc(curriculum.curriculumDescription?.slice(0, 100))
+                      setReadMore(false)
+                    }
+                  }} color="secondary">
+                  {readMore ? "Show Less" : "...Read More"}
+                </span>
               </Typography>
             </Grid>
-            <Grid md={3}>
+            <Grid item xs={6}>
               <Box sx={{ display: 'inline-block' }}>
                 <AnimateButton>
                   <Button
+                    fullWidth
                     variant="outlined"
                     endIcon={<PlusOutlined />}
-                    sx={{ my: 2 }}
-                    // onClick={handleClickOpen}
+                    sx={{ my: 2, width: "100%" }}
+                    onClick={() => { navigate(`/learning-management/curriculums-subscribed`) }}
                     color='success'
                   >
-                    Follow
+                    Follow Curriculum
                   </Button>
                 </AnimateButton>
               </Box>
             </Grid>
-            <Grid md={3}>
+            <Grid item xs={6}>
               <Box sx={{ display: 'inline-block' }}>
                 <AnimateButton>
                   <Button
+                    fullWidth
                     variant="outlined"
                     endIcon={<SendOutlined />}
-                    sx={{ my: 2 }}
+                    sx={{ my: 2, width: "100%" }}
                     onClick={handleClickOpen}
                   >
-                    Preview
+                    Preview Curriculum
                   </Button>
                 </AnimateButton>
               </Box>
             </Grid>
-            <Grid md={6} />
-            <Grid item xs={12} sx={{ '& img': { mb: -3.75, width: `calc( 100% + 24px)` } }}>
+            <Grid item xs={12} sx={{ '& img': { marginBottom: '-3.75px', width: '100%', height: '456px', objectFit: 'cover' } }}>
               <img src={curriculum.curriculumImage} alt="feature" />
             </Grid>
           </Grid>