init

Author: Arcka1n

client/src/_nav.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CNavGroup, CNavItem, CNavTitle } from '@coreui/react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { 

client/src/components/ErrorBoundary.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types'; // ✅ Import prop-types
 
 class ErrorBoundary extends React.Component {
   constructor(props) {
@@ -31,4 +32,9 @@ class ErrorBoundary extends React.Component {
   }
 }
 
-export default ErrorBoundary;
+// ✅ Define prop types
+ErrorBoundary.propTypes = {
+  children: PropTypes.node.isRequired, // Ensures `children` is passed
+};
+
+export default ErrorBoundary;

client/src/components/ProtectedLogin.js

@@ -1,9 +1,9 @@
 import React from 'react';
+import PropTypes from 'prop-types'; // ✅ Import prop-types
 import { Navigate } from 'react-router-dom';
 
 const ProtectedLogin = ({ children }) => {
   const accessToken = localStorage.getItem('accessToken');
-  const department = sessionStorage.getItem('department');
 
   if (!accessToken) {
     return <Navigate to="/login" replace />;
@@ -12,4 +12,9 @@ const ProtectedLogin = ({ children }) => {
   return children;
 };
 
-export default ProtectedLogin;
+// ✅ Define prop types
+ProtectedLogin.propTypes = {
+  children: PropTypes.node.isRequired, // Ensures `children` is passed
+};
+
+export default ProtectedLogin;

client/src/components/RedirectIfAuthenticated.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types'; // ✅ Import prop-types
 import { Navigate } from 'react-router-dom';
 
 const RedirectIfAuthenticated = ({ children }) => {
@@ -13,12 +14,10 @@ const RedirectIfAuthenticated = ({ children }) => {
   });
 
   if (accessToken) {
-    // For superadmin, redirect to employeedash regardless of department
     if (role?.toLowerCase() === 'superadmin') {
       return <Navigate to="/employeedash" replace />;
     }
 
-    // For other roles, redirect based on department
     switch (department?.toLowerCase()) {
       case "administrative":
         return <Navigate to="/employeedash" replace />;
@@ -38,4 +37,9 @@ const RedirectIfAuthenticated = ({ children }) => {
   return children;
 };
 
-export default RedirectIfAuthenticated;
+// ✅ Define prop types
+RedirectIfAuthenticated.propTypes = {
+  children: PropTypes.node.isRequired, // Ensures `children` is passed
+};
+
+export default RedirectIfAuthenticated;

client/src/views/pages/integrate/hr/jobposting.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import PropTypes from 'prop-types'; // ✅ Import prop-types
 import {
   CCard,
   CCardBody,
@@ -23,40 +24,14 @@ const RecruitmentModule = () => {
   const { data: jobPostings, error, isLoading } = useGetJobPostingsQuery();
   const [selectedJobId, setSelectedJobId] = useState(null);
   const [modalVisible, setModalVisible] = useState(false);
-  const [activityTracked, setActivityTracked] = useState({ jobId: null, jobTitle: null, jobDepartment: null }); // State for tracking activity
 
   const { data: jobDetails, isLoading: isJobLoading } = useGetJobPostingByIdQuery(selectedJobId, {
     skip: !selectedJobId, // Only fetch details when a job is selected
   });
 
-  const trackActivity = (jobId, action) => {
-    const job = jobPostings.find((job) => job._id === jobId);
-    const jobTitle = job ? job.title : 'Unknown Job';
-    const jobDepartment = job ? job.department : 'Unknown Department';
-
-    // Track the activity
-    setActivityTracked({ jobId, jobTitle, jobDepartment });
-
-    // Log the action (optional, for debugging)
-    console.log(`${action} job: ${jobTitle}`);
-  };
-
   const viewApplications = (jobId) => {
     setSelectedJobId(jobId);
     setModalVisible(true);
-    trackActivity(jobId, 'View');
-  };
-
-  const editJob = (jobId) => {
-    trackActivity(jobId, 'Edit');
-    // Add your edit logic here
-    console.log(`Editing job: ${jobId}`);
-  };
-
-  const deleteJob = (jobId) => {
-    trackActivity(jobId, 'Delete');
-    // Add your delete logic here
-    console.log(`Deleting job: ${jobId}`);
   };
 
   const closeModal = () => {
@@ -99,7 +74,6 @@ const RecruitmentModule = () => {
                         View
                       </CButton>
                     </CTableDataCell>
-                    
                   </CTableRow>
                 ))}
               </CTableBody>
@@ -108,14 +82,6 @@ const RecruitmentModule = () => {
         </CCardBody>
       </CCard>
 
-      {/* Track Activity */}
-      {activityTracked.jobId && (
-        <ActivityTracker
-          action={`Interacted with ${activityTracked.jobTitle}`}
-          description={`Interacted with job: ${activityTracked.jobTitle} in the ${activityTracked.jobDepartment} department`}
-        />
-      )}
-
       {/* Modal to view applications */}
       <CModal visible={modalVisible} onClose={closeModal}>
         <CModalHeader>
@@ -162,4 +128,11 @@ const RecruitmentModule = () => {
   );
 };
 
-export default RecruitmentModule;
+// ✅ Add Prop Validation
+RecruitmentModule.propTypes = {
+  jobPostings: PropTypes.array, // Array of job postings (fetched from API)
+  error: PropTypes.object, // Error state from API
+  isLoading: PropTypes.bool, // Loading state from API
+};
+
+export default RecruitmentModule;

client/src/views/pages/integrate/hr/works.js

@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
 import {
   CContainer,
   CRow,
@@ -14,6 +15,7 @@ import {
   CBadge,
 } from '@coreui/react';
 import { usePostForgotPasswordMutation } from '../../../../state/adminApi';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { 
   usePostToHrMutation, 
   usePostToFinanceMutation, 
@@ -25,14 +27,10 @@ import {
    usePostgenerateMutation 
   } from '../../../../state/hrApi';
 import CustomHeader from '../../../../components/header/customhead';
-import ExcelJS from 'exceljs';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faDownload } from '@fortawesome/free-solid-svg-icons';
 import GrantAccessModal from '../../scene/modal.js';
+import ExcelJS from 'exceljs';
 // Import the mutations for the departments
 
-import axios from 'axios'; 
-
 const Works = () => {
   const { data, isLoading, error } = useGetWorkersQuery();
   const [changeRole] = useChangeRoleMutation();
@@ -302,30 +300,6 @@ const Works = () => {
           </CCol>
         </CRow>
 
-        {/* Track Download All button click */}
-        {downloadAllClicked && (
-          <ActivityTracker
-            action="Download All"
-            description="User downloaded all employee data as an Excel file"
-          />
-        )}
-
-        {/* Track Role Change */}
-        {roleChangeTracked.userId && (
-          <ActivityTracker
-            action="Change Role"
-            description={`Changed role for user ${roleChangeTracked.userName} to ${roleChangeTracked.newRole}`}
-          />
-        )}
-
-        {/* Track Delete User */}
-        {deleteTracked.userId && (
-          <ActivityTracker
-            action="Delete User"
-            description={`Deleted user ${deleteTracked.userName}`}
-          />
-        )}
-
         {filteredData.map((item) => (
           <CCard
           key={item._id}
@@ -460,4 +434,10 @@ const Works = () => {
   );
 };
 
+Works.propTypes = {
+  data: PropTypes.array, // Array of employees
+  isLoading: PropTypes.bool, // Loading state
+  error: PropTypes.object, // Error object
+};
+
 export default Works;

client/src/views/pages/scene/PendingRequest.js

@@ -1,3 +1,4 @@
+import React from 'react';
 import { useState, useEffect } from "react";
 import {
   CCard,