Issue #PS-000 feat: Fixed lint issues

src/components/AttendanceComparison.tsx

@@ -161,7 +161,7 @@ const AttendanceComparison: React.FC = () => {
         </RadioGroup>
       </FormControl>
       <Box sx={{ mt: 2 }}>
-        <Typography align="left">
+        <Typography align="left" sx={{marginBottom: '16px'}}>
           {t('DASHBOARD.BLOCK_AVERAGE_ATTENDANCE')}:{' '}
           {averageAttendance.toFixed(2)}%
         </Typography>

src/pages/attendance-history.tsx

@@ -21,7 +21,7 @@ import {
   AttendancePercentageProps,
   AttendanceStatusListProps,
   cohort,
-  cohortMemberList
+  CohortMemberList
 } from '../utils/Interfaces';
 
 import AttendanceStatus from '@/components/AttendanceStatus';
@@ -122,7 +122,7 @@ const UserAttendanceHistory = () => {
     const getAttendanceStats = async () => {
       if (classId !== '' && classId !== undefined) {
         console.log('classId', classId);
-        const cohortMemberRequest: cohortMemberList = {
+        const cohortMemberRequest: CohortMemberList = {
           limit: 300,
           page: 0,
           filters: {

src/pages/centers/index.tsx

@@ -1,6 +1,6 @@
 import { getCohortList } from '@/services/CohortServices';
 import { accessGranted, toPascalCase } from '@/utils/Helper';
-import { cohort } from '@/utils/Interfaces';
+import { ICohort } from '@/utils/Interfaces';
 import {
   Box,
   Button,
@@ -40,7 +40,7 @@ const TeachingCenters = () => {
   const { t } = useTranslation();
   const theme = useTheme<any>();
   const router = useRouter();
-  const [cohortsData, setCohortsData] = useState<Array<cohort>>([]);
+  const [cohortsData, setCohortsData] = useState<Array<ICohort>>([]);
   const [value, setValue] = useState(1);
   const [blockData, setBlockData] = useState<
     { bockName: string; district?: string; blockId: string; state?: string }[]

src/pages/dashboard.tsx

@@ -19,7 +19,7 @@ import {
   AttendancePercentageProps,
   CohortAttendancePercentParam,
   cohort,
-  cohortMemberList,
+  CohortMemberList,
 } from '../utils/Interfaces';
 import { accessControl, lowLearnerAttendanceLimit } from './../../app.config';
 
@@ -349,7 +349,7 @@ const Dashboard: React.FC<DashboardProps> = () => {
   useEffect(() => {
     const getAttendanceStats = async () => {
       if (classId !== '' && classId !== 'all') {
-        const cohortMemberRequest: cohortMemberList = {
+        const cohortMemberRequest: CohortMemberList = {
           limit: 300,
           page: 0,
           filters: {

src/pages/learner-attendance-history.tsx

@@ -38,7 +38,6 @@ const LearnerAttendanceHistory = () => {
   const [loading, setLoading] = React.useState(false);
   const [selectedDate, setSelectedDate] = useState<Date>(new Date());
   const [open, setOpen] = useState(false);
-  const [modalOpen, setModalOpen] = useState(false);
   const [attendanceUpdated, setAttendanceUpdated] = useState(false);
   const [learnerAttendance, setLearnerAttendance] = useState<
     LearnerAttendanceData | undefined
@@ -77,10 +76,6 @@ const LearnerAttendanceHistory = () => {
     });
   };
 
-  const handleModalOpen = () => {
-    setModalOpen(true);
-  };
-
   const handleModalClose = () => {
     setOpen(false);
     logEvent({

src/pages/login.tsx

@@ -12,6 +12,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import ReactGA from 'react-ga4';
 
 import { showToastMessage } from '@/components/Toastify';
+import manageUserStore from '@/store/manageUserStore';
 import useStore from '@/store/store';
 import { logEvent } from '@/utils/googleAnalytics';
 import { telemetryFactory } from '@/utils/telemetry';
@@ -28,12 +29,9 @@ import appLogo from '../../public/images/appLogo.png';
 import Loader from '../components/Loader';
 import { login } from '../services/LoginService';
 import { getUserId } from '../services/ProfileService';
-import manageUserStore from '@/store/manageUserStore';
 
 const LoginPage = () => {
   const { t } = useTranslation();
-  const store = useStore();
-  const userStore = manageUserStore();
   const setUserId = manageUserStore((state) => state.setUserId);
   const setUserRole = useStore(
     (state: { setUserRole: any }) => state.setUserRole
@@ -60,7 +58,7 @@ const LoginPage = () => {
     if (typeof window !== 'undefined' && window.localStorage) {
       let lang;
       if (localStorage.getItem('preferredLanguage')) {
-        lang = localStorage.getItem('preferredLanguage') || 'en';
+        lang = localStorage.getItem('preferredLanguage') ?? 'en';
       } else {
         lang = 'en';
       }
@@ -354,7 +352,7 @@ const LoginPage = () => {
                 onChange={(e) => setRememberMe(e.target.checked)}
                 checked={rememberMe}
               />
-              <span
+              <span role='checkbox'
                 style={{
                   cursor: 'pointer',
                   color: theme.palette.warning['300'],

src/services/AssesmentService.ts

@@ -1,6 +1,6 @@
 import {
   AssessmentListServiceParam,
-  gerDoIdServiceParam,
+  GetDoIdServiceParam,
 } from '@/utils/Interfaces';
 import { post } from './RestClient';
 
@@ -22,7 +22,7 @@ export const AssesmentListService = async ({
 
 export const getDoIdForAssesmentDetails = async ({
   filters,
-}: gerDoIdServiceParam): Promise<any> => {
+}: GetDoIdServiceParam): Promise<any> => {
   const apiUrl: string =
     'https://sunbirdsaas.com/api/content/v1/search?orgdetails=orgName%2Cemail&licenseDetails=name%2Cdescription%2Curl';
 

src/services/CreateUserService.ts

@@ -1,5 +1,4 @@
 import { get, post } from './RestClient';
-import { CreateUserParam } from '../utils/Interfaces';
 
 export const getFormRead = async (
   context: string,

src/services/MyClassDetailsService.ts

@@ -1,6 +1,6 @@
 import { Role, Status } from '@/utils/app.constant';
 import {
-  cohortMemberList,
+  CohortMemberList,
   UpdateCohortMemberStatusParams,
   UserList,
 } from '../utils/Interfaces';
@@ -10,7 +10,7 @@ const fetchCohortMemberList = async ({
   limit,
   page,
   filters,
-}: cohortMemberList): Promise<any> => {
+}: CohortMemberList): Promise<any> => {
   const apiUrl: string = `${process.env.NEXT_PUBLIC_BASE_URL}/cohortmember/list`;
   try {
     const response = await post(apiUrl, {
@@ -52,7 +52,7 @@ export const getMyCohortMemberList = async ({
   limit,
   page,
   filters,
-}: cohortMemberList): Promise<any> => {
+}: CohortMemberList): Promise<any> => {
   const studentFilters = {
     ...filters,
     role: Role.STUDENT,
@@ -65,7 +65,7 @@ export const getMyCohortFacilitatorList = async ({
   limit,
   page,
   filters,
-}: cohortMemberList): Promise<any> => {
+}: CohortMemberList): Promise<any> => {
   const studentFilters = {
     ...filters,
     role: Role.TEACHER,
@@ -78,7 +78,7 @@ export const getFacilitatorList = async ({
   limit,
   page,
   filters,
-}: cohortMemberList): Promise<any> => {
+}: CohortMemberList): Promise<any> => {
   return fetchCohortMemberList({ limit, page, filters });
 };
 

src/store/manageUserStore.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 

src/store/mangageTLStore.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 

src/store/reassignLearnerStore.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 

src/store/store.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 

src/utils/Helper.ts

@@ -1,7 +1,6 @@
 import { Role, Status } from './app.constant';
 
 import FingerprintJS from 'fingerprintjs2';
-import { i18n } from 'next-i18next';
 import { CustomField } from './Interfaces';
 
 export const ATTENDANCE_ENUM = {
@@ -110,7 +109,7 @@ export const debounce = <T extends (...args: any[]) => any>(
   let timeout: ReturnType<typeof setTimeout> | undefined;
   return function (this: ThisParameterType<T>, ...args: Parameters<T>) {
     const context = this;
-    clearTimeout(timeout!);
+    clearTimeout(timeout);
     if (immediate && !timeout) func.apply(context, args);
     timeout = setTimeout(() => {
       timeout = undefined;

src/utils/Interfaces.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-unused-vars */
 export interface AttendanceParams {
   userId: string;
   attendanceDate: string;
@@ -74,7 +75,7 @@ export interface CohortListParam {
   filters: Filters;
 }
 
-export interface cohortMemberList {
+export interface CohortMemberList {
   limit: number;
   page: number;
   filters: {
@@ -103,7 +104,7 @@ export interface UserData {
   mobile?: string;
 }
 
-export interface UserDatas {
+export interface IUserData {
   name?: any;
 }
 
@@ -148,7 +149,7 @@ export interface PlannedModalProps {
 
 export interface ScheduleModalProps {
   handleClick?: (selection: string) => void;
-  clickedBox?: String | null;
+  clickedBox?: string | null;
 }
 
 export interface AttendanceStatusListProps {
@@ -215,7 +216,7 @@ export interface UpdateCustomField {
   isEditable?: boolean;
   order: number;
 }
-export interface cohort {
+export interface ICohort {
   presentPercentage: number;
   cohortId: string;
   name: string;
@@ -259,7 +260,7 @@ export interface CohortAttendancePercentParam {
   facets: Array<string>;
   sort?: Array<string>;
 }
-export interface gerDoIdServiceParam {
+export interface GetDoIdServiceParam {
   filters: {
     program?: string | string[];
     se_boards?: (string | null)[];

src/utils/attendanceStats.ts

@@ -2,11 +2,11 @@ import { getMyCohortMemberList } from '../services/MyClassDetailsService';
 import { attendanceInPercentageStatusList } from '../services/AttendanceService';
 import {
   AttendancePercentageProps,
-  cohortMemberList,
+  CohortMemberList,
 } from '../utils/Interfaces';
 
 const getTotalStudentCount = async (
-  cohortMemberRequest: cohortMemberList
+  cohortMemberRequest: CohortMemberList
 ): Promise<number> => {
   const response = await getMyCohortMemberList(cohortMemberRequest);
   const totalStudentsCount = response?.result?.totalCount;
@@ -50,7 +50,7 @@ type Result = {
 };
 
 export const calculatePercentage = async (
-  cohortMemberRequest: cohortMemberList,
+  cohortMemberRequest: CohortMemberList,
   attendanceRequest: AttendancePercentageProps
 ): Promise<Result> => {
   const totalStudentsCount = await getTotalStudentCount(cohortMemberRequest);

src/utils/hoc/withAccessControl.tsx

@@ -6,7 +6,7 @@ import { Role } from '../app.constant';
 const withAccessControl =
   (action: string, accessControl: { [key: string]: Role[] }) =>
   (Component: React.ComponentType<any>) => {
-    return (props: any) => {
+    const WrappedComponent = (props: any) => {
       const store = useStore();
       const userRole = store.userRole;
       const router = useRouter();
@@ -28,6 +28,11 @@ const withAccessControl =
 
       return <Component {...props} />;
     };
+
+    // Setting the display name for better debugging and developer tools
+    WrappedComponent.displayName = `withAccessControl(${Component.displayName ?? Component.name ?? 'Component'})`;
+
+    return WrappedComponent;
   };
 
 export default withAccessControl;

src/utils/telemetry.js

@@ -33,7 +33,7 @@ const telemetryConfig = {
   sid: generateUUID(),
   batchsize: 1,
   mode: '',
-  host: hostURL, //TODO: Change this host and endpoint properly
+  host: hostURL,
   endpoint: '/telemetry/v1/telemetry',
   tags: [],
 };
@@ -207,6 +207,7 @@ function getEventContext(eventInput) {
   return eventContextData;
 }
 
+// eslint-disable-next-line no-unused-vars
 function getRollUpData(data = []) {
   const rollUp = {};
   data.forEach((element, index) => (rollUp['l' + (index + 1)] = element));