fix: update

Desc : update project

Project/Frontend/SignConnectPlus/src/layout/MainLayout/Header/HeaderContent/index.tsx

@@ -10,7 +10,7 @@ import Message from './Message';
 import Notification from './Notification';
 import Profile from './Profile';
 import Search from './Search';
-// import Customization from './Customization';
+import Customization from './Customization';
 import MobileSection from './MobileSection';
 // import MegaMenuSection from './MegaMenuSection';
 
@@ -42,7 +42,7 @@ const HeaderContent = () => {
 
       <Notification />
       <Message />
-      {/* <Customization /> */}
+      <Customization />
       {!downLG && <Profile />}
       {downLG && <MobileSection />}
     </>

Project/Frontend/SignConnectPlus/src/pages/learning-management/learning-curriculums/list/list.tsx

@@ -18,7 +18,6 @@ import {
 
 // project import
 
-import { curriculums } from 'data/curriculums';
 import usePagination from 'hooks/usePagination';
 import CurriculumCard from 'sections/learning-management/learning-curriculums/CurriculumCard';
 import EmptyCurriculumCard from 'sections/learning-management/learning-curriculums/skeleton/EmptyCurriculumCard';
@@ -28,6 +27,7 @@ import { GlobalFilter } from 'utils/react-table';
 // types
 
 // assets
+import { curriculums } from 'data/curriculums';
 
 // ==============================|| List ||============================== //
 
@@ -35,7 +35,7 @@ const allColumns = [
     {
         id: 1,
         header: 'Default'
-    }, 
+    },
     {
         id: 2,
         header: 'Title'
@@ -79,7 +79,7 @@ const List = () => {
         _DATA.jump(p);
     };
 
-    useEffect(() => {         
+    useEffect(() => {
         setData(curriculums)
     }, [])
 
@@ -128,8 +128,8 @@ const List = () => {
                 {curriculumsData.length > 0 ? (
                     _DATA
                         .currentData()
-                        .sort(function (a: any, b: any) { 
-                            if (sortBy === 'Title') return a.curriculumTitle.localeCompare(b.curriculumTitle); 
+                        .sort(function (a: any, b: any) {
+                            if (sortBy === 'Title') return a.curriculumTitle.localeCompare(b.curriculumTitle);
                             return a;
                         })
                         .map((curriculum: curriculumType, index: number) => (

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

+import React, { useEffect } from 'react';
+
+// third party
+import { useInView } from 'react-intersection-observer';
+import { motion, useAnimation } from 'framer-motion';
+
+// =============================|| LANDING - FADE IN ANIMATION ||============================= //
+
+function Animation({ children, variants }: { children: React.ReactElement; variants: any }) {
+  const controls = useAnimation();
+  const [ref, inView] = useInView();
+
+  useEffect(() => {
+    if (inView) {
+      controls.start('visible');
+    }
+  }, [controls, inView]);
+
+  return (
+    <motion.div
+      ref={ref}
+      animate={controls}
+      initial="hidden"
+      transition={{
+        x: {
+          type: 'spring',
+          stiffness: 150,
+          damping: 30,
+          duration: 0.5
+        },
+        opacity: { duration: 1 }
+      }}
+      variants={variants}
+    >
+      {children}
+    </motion.div>
+  );
+}
+
+export default Animation;

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

+
+// material-ui
+
+
+// third-party
+
+// project import
+
+// assets 
+
+// types 
+import { curriculumTypeUserProgress } from "types/userProgress";
+
+// ==============================|| CURRICULUM - CARD ||============================== //
+
+const CurriculumCard = ({ curriculum }: { curriculum: curriculumTypeUserProgress }) => { 
+
+  return (
+    <>  
+    </>
+  );
+};
+
+export default CurriculumCard;

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

+// material-ui
+import { CardContent, Grid, Skeleton, Stack, Avatar } from '@mui/material';
+
+// project import
+import MainCard from 'components/MainCard';
+
+// assets
+import { ContactsOutlined } from '@ant-design/icons';
+
+// ===========================|| SKELETON - USER EMPTY CARD ||=========================== //
+
+const UserCard = () => {
+  return (
+    <MainCard
+      border={false}
+      content={false}
+      boxShadow
+      sx={{ boxShadow: `rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px`, borderRadius: 2 }}
+    >
+      <CardContent sx={{ p: 2 }}>
+        <Grid container spacing={2}>
+          <Grid item xs={12}>
+            <Stack flexDirection="row" alignItems="center">
+              <Avatar>
+                <ContactsOutlined style={{ visibility: 'inherit' }} />
+              </Avatar>
+              <Stack sx={{ width: '100%', pl: 2.5 }}>
+                <Skeleton animation={false} height={20} width="80%" />
+                <Skeleton animation={false} height={20} width="40%" />
+              </Stack>
+            </Stack>
+          </Grid>
+          <Grid item xs={12}>
+            <Skeleton animation={false} height={20} width={45} />
+            <Skeleton animation={false} height={20} />
+            <Stack direction="row" alignItems="center" spacing={1}>
+              <Skeleton animation={false} height={20} width={90} />
+              <Skeleton animation={false} height={20} width={38} />
+            </Stack>
+          </Grid>
+          <Grid item xs={12}>
+            <Stack direction="row" justifyContent="space-between" alignItems="center">
+              <Grid container spacing={1}>
+                <Grid item>
+                  <Skeleton animation={false} height={20} width={40} />
+                </Grid>
+                <Grid item>
+                  <Skeleton animation={false} height={17} width={20} />
+                </Grid>
+              </Grid>
+              <Skeleton animation={false} height={32} width={47} />
+            </Stack>
+          </Grid>
+        </Grid>
+      </CardContent>
+    </MainCard>
+  );
+};
+
+export default UserCard;

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

+// material-ui
+import { Box, Grid, Stack, Typography } from '@mui/material';
+
+// project import
+import CurriculumCard from './CurriculumCard';
+
+interface Props {
+  title: string;
+}
+
+// ==============================|| EMPTY STATE ||============================== //
+
+const EmptyCurriculumCard = ({ title }: Props) => {
+  return (
+    <Grid container spacing={3}>
+      <Grid item xs={12}>
+        <Box
+          sx={{
+            p: { xs: 2.5, sm: 6 },
+            height: `calc(100vh - 192px)`,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            bgcolor: 'transparent'
+          }}
+        >
+          <Grid container direction="column" justifyContent="center" alignItems="center">
+            <Grid item>
+              <Box sx={{ ml: -9, mb: { xs: -8, sm: -5 } }}>
+                <Box sx={{ position: 'relative' }}>
+                  <CurriculumCard />
+                </Box>
+                <Box sx={{ position: 'relative', top: -120, left: 72 }}>
+                  <CurriculumCard />
+                </Box>
+              </Box>
+            </Grid>
+            <Grid item>
+              <Stack spacing={1}>
+                <Typography align="center" variant="h4">
+                  {title}
+                </Typography>
+              </Stack>
+            </Grid>
+          </Grid>
+        </Box>
+      </Grid>
+    </Grid>
+  );
+};
+
+export default EmptyCurriculumCard;

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

 export interface userProgressType {
+    _id: string
     userId: string
     curriculums?: curriculumTypeUserProgress[]
-    totalCurriculumsMarks : number
-    totalCurriculumSpentTime : number
+    totalCurriculumsMarks: number
+    totalCurriculumSpentTime: number
     status: number
-    createdBy: string
+    createdBy?: string
     createdAt: Date
     updatedBy?: string
     updatedAt?: Date
@@ -12,7 +13,6 @@ export interface userProgressType {
 
 
 export interface curriculumTypeUserProgress {
-    _id?: string
     curriculumCode: string
     curriculumLevel: number
     curriculumTitle: string
@@ -21,11 +21,10 @@ export interface curriculumTypeUserProgress {
     curriculumMark: number
     curriculumMarkUser: number
     curriculumSpentTime: number
-    tutorials: tutorialTypeUserProgress[], 
+    tutorials: tutorialTypeUserProgress[],
 }
 
 export interface tutorialTypeUserProgress {
-    _id?: string
     tutorialCode?: string
     tutorialTitle?: string
     tutorialDescription?: string
@@ -33,11 +32,10 @@ export interface tutorialTypeUserProgress {
     tutorialMark: number
     tutorialMarkUser: number
     tutorialSpentTime: number
-    taskItems: taskItemTypeUserProgress[] 
+    taskItems: taskItemTypeUserProgress[]
 }
 
 export interface taskItemTypeUserProgress {
-    _id?: string
     title: string,
     description: string,
     howToDo: string[],