Issue #PS-0000 fix: Fixed type errors

src/components/Header.tsx

@@ -88,7 +88,7 @@ const Header: React.FC = () => {
   const toggleDrawer = (newOpen: boolean) => () => {
     setOpenDrawer(newOpen);
   };
-  const MenuDrawer = dynamic(() => import('./../pages/LeftDrawer'), {
+  const MenuDrawer = dynamic(() => import('../pages/MenuDrawer'), {
     ssr: false,
   });
 

src/components/WeekCalender.tsx

@@ -14,12 +14,12 @@ import {
 import { Box } from '@mui/material';
 import { CircularProgressbar, buildStyles } from 'react-circular-progressbar';
 
-const Calendar = ({ showDetailsHandle, data }) => {
+const Calendar: React.FC<any> = ({ showDetailsHandle, data }) => {
   const [currentMonth, setCurrentMonth] = useState(new Date());
   const [currentWeek, setCurrentWeek] = useState(getWeek(currentMonth));
   const [selectedDate, setSelectedDate] = useState(new Date());
 
-  const changeMonthHandle = (btnType) => {
+  const changeMonthHandle = (btnType: string) => {
     if (btnType === 'prev') {
       setCurrentMonth(subMonths(currentMonth, 1));
     }
@@ -28,7 +28,7 @@ const Calendar = ({ showDetailsHandle, data }) => {
     }
   };
 
-  const changeWeekHandle = (btnType) => {
+  const changeWeekHandle = (btnType: string) => {
     //console.log("current week", currentWeek);
     if (btnType === 'prev') {
       //console.log(subWeeks(currentMonth, 1));
@@ -42,7 +42,7 @@ const Calendar = ({ showDetailsHandle, data }) => {
     }
   };
 
-  const onDateClickHandle = (day, dayStr) => {
+  const onDateClickHandle = (day: any, dayStr: string) => {
     setSelectedDate(day);
     showDetailsHandle(dayStr);
   };
@@ -125,8 +125,8 @@ const Calendar = ({ showDetailsHandle, data }) => {
               onDateClickHandle(cloneDay, dayStr);
             }}
           >
-            <div className="cicularProgress">
-              <div key={day}>
+            <div className="circularProgress">
+              <div key={day + ''}>
                 <span className="number">{formattedDate}</span>
               </div>
               <Box
@@ -159,7 +159,7 @@ const Calendar = ({ showDetailsHandle, data }) => {
       }
 
       rows.push(
-        <div className="row" key={day}>
+        <div className="row" key={day + ''}>
           {days}
         </div>
       );

src/pages/Dashboard.tsx

@@ -95,11 +95,11 @@ const Dashboard: React.FC<DashboardProps> = () => {
   );
   const [showDetails, setShowDetails] = React.useState(false);
   const [handleSaveHasRun, setHandleSaveHasRun] = React.useState(false);
-  const [data, setData] = React.useState(null);
+  const [data, setData] = React.useState<string>('');
   const [percentageAttendanceData, setPercentageAttendanceData] =
     React.useState(null);
   const [numberOfCohortMembers, setNumberOfCohortMembers] = React.useState(0);
-  const [percentageAttendance, setPercentageAttendance] = React.useState(null);
+  const [percentageAttendance, setPercentageAttendance] = React.useState<any>(null);
   const [currentDate, setCurrentDate] = React.useState(getTodayDate);
   const [bulkAttendanceStatus, setBulkAttendanceStatus] = React.useState('');
   const [loading, setLoading] = React.useState(false);
@@ -123,7 +123,7 @@ const Dashboard: React.FC<DashboardProps> = () => {
   const attendanceDate = currentDate;
   let contextId = classId;
   //  const [TeachercontextId, setTeacherContextId] = React.useState("");
-  const userTypeData = {
+  const userTypeData: any = {
     Learners: 'student',
     // Self: 'self',
   };
@@ -333,7 +333,7 @@ const Dashboard: React.FC<DashboardProps> = () => {
     }
   }, [classId]);
 
-  const showDetailsHandle = (dayStr) => {
+  const showDetailsHandle = (dayStr: string) => {
     console.log(dayStr);
     setData(dayStr);
     setShowDetails(true);
@@ -384,7 +384,7 @@ const Dashboard: React.FC<DashboardProps> = () => {
 
         const attendanceDates = response?.data?.result?.attendanceDate;
 
-        const formattedAttendanceData = {};
+        const formattedAttendanceData: any = {};
 
         // Loop through each attendance date
         Object.keys(attendanceDates).forEach((date) => {
@@ -590,7 +590,7 @@ const Dashboard: React.FC<DashboardProps> = () => {
 
   const todayDate = new Date().toISOString().split('T')[0];
   console.log(percentageAttendance);
-  const currentAttendance = percentageAttendance?.[todayDate];
+  const currentAttendance: any = percentageAttendance?.[todayDate];
   // let currentPercentAttendance = 'N/A';
   const presentPercentage = parseFloat(currentAttendance?.present_percentage);
 

src/pages/LeftDrawer.tsx → src/pages/MenuDrawer.tsx

@@ -20,7 +20,7 @@ interface DrawerProps {
   language: string;
   setLanguage: (lang: string) => void;
 }
-const menuDrawer: React.FC<DrawerProps> = ({
+const MenuDrawer: React.FC<DrawerProps> = ({
   toggleDrawer,
   open,
   language,
@@ -156,4 +156,4 @@ const menuDrawer: React.FC<DrawerProps> = ({
   );
 };
 
-export default menuDrawer;
+export default MenuDrawer;

src/pages/MyProfile.tsx

@@ -30,13 +30,13 @@ import prathamProfile from '../assets/images/prathamProfile.png';
 import imageOne from '../assets/images/imageOne.jpg';
 import Header from '@/components/Header';
 import ApartmentIcon from '@mui/icons-material/Apartment';
-import { StaticImageData } from 'next/image';
+import Image, { StaticImageData } from 'next/image';
 import { getUser, getUserDetails } from '@/services/ProfileService';
 import { Label } from '@mui/icons-material';
 const MyProfile = () => {
   // Assuming imageOne is of type StaticImageData
   const imageUrl: string = imageOne.src;
-  const prathamProfileUrl: String = prathamProfile.src;
+  const prathamProfileUrl: string = prathamProfile.src;
   interface CustomField {
     fieldId: string;
     label: string;
@@ -532,11 +532,11 @@ const MyProfile = () => {
                 display="flex"
                 flexDirection="column"
               >
-                <img
+                <Image
                   src={prathamProfileUrl}
                   alt="user"
-                  height={'100px'}
-                  width={'100px'}
+                  height={100}
+                  width={100}
                   style={{ marginLeft: '35%' }}
                 />
                 {/* <img

src/styles/globals.css

@@ -280,7 +280,7 @@ main {
   width: 100%;
 }
 
-.cicularProgress {
+.circularProgress {
   width: 100%;
   align-items: center;
   justify-content: center;