-
+
My Projects
- {" "}
+
- {selectedProjectLoding && Loading }
- {projectList.map((project) => (
-
- {/* Project Info */}
-
-
-
-
-
-
-
-
-
{project.projectShortName}
-
{project.projectName}
-
- Assigned:{" "}
- {project.assignedDate ? (
- new Date(project.assignedDate).toLocaleDateString()
- ) : (
- NA
- )}
-
-
-
-
-
- {project.designation}
-
-
-
+ {selectedProjectLoding &&
Loading }
+ {projectList.map((project) => (
+
+ {/* Project Info */}
+
+
+
+
+
+
+
+
+
{project.projectShortName}
+
{project.projectName}
+
+ Assigned:{" "}
+ {project.assignedDate ? (
+ new Date(project.assignedDate).toLocaleDateString()
+ ) : (
+ NA
+ )}
+
+
+
+
+
+ {project.designation}
+
+
+
- {/* Dates */}
- {project.removedDate && (
-
-
- Unassigned:{" "}
- {new Date(project.removedDate).toLocaleDateString()}
-
-
- )}
-
- ))}
-
+ {/* Dates */}
+ {project.removedDate && (
+
+
+ Unassigned:{" "}
+ {new Date(project.removedDate).toLocaleDateString()}
+
+
+ )}
+
+ ))}
+
diff --git a/src/components/Employee/EmpDocuments.jsx b/src/components/Employee/EmpDocuments.jsx
index 46aa33d0..680097a1 100644
--- a/src/components/Employee/EmpDocuments.jsx
+++ b/src/components/Employee/EmpDocuments.jsx
@@ -1,12 +1,244 @@
-import React, { useState, useEffect } from "react";
-import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
+import React, { useState } from "react";
+import DocumentForm from "./DocumentForm";
+import ConfirmModal from "../common/ConfirmModal";
+
+const EmpDocuments = () => {
+ const [searchText, setSearchText] = useState("");
+ const [documents, setDocuments] = useState([
+ {
+ name: "Adhar Card",
+ documentNumber: "1234-5678-9012",
+ category: "private",
+ documentType: "Aadhar Card",
+ uploadedDate: "21 Aug, 2025",
+ uploadedBy: "Alice Johnson",
+ fileType: "PDF",
+ url: "#",
+ initials: "AC",
+ files: [],
+ },
+ {
+ name: "Pan Card",
+ documentNumber: "ABCDE1234F",
+ category: "public",
+ documentType: "Pan Card",
+ uploadedDate: "15 Jul, 2025",
+ uploadedBy: "Bob Smith",
+ fileType: "Excel",
+ url: "#",
+ initials: "PC",
+ files: [],
+ },
+ {
+ name: "Driving Licence",
+ documentNumber: "DL-2025-12345",
+ category: "private",
+ documentType: "Driving License",
+ uploadedDate: "10 Aug, 2025",
+ uploadedBy: "Carol Lee",
+ fileType: "Word",
+ url: "#",
+ initials: "DL",
+ files: [],
+ },
+ ]);
+
+ const [showForm, setShowForm] = useState(false);
+ const [currentDocument, setCurrentDocument] = useState(null);
+
+ const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+ const [documentToDelete, setDocumentToDelete] = useState(null);
+
+ const filteredDocuments = documents.filter((doc) =>
+ (doc.name || "Unnamed Document").toLowerCase().includes(searchText.toLowerCase())
+ );
+
+ const handleSearch = (e) => {
+ setSearchText(e.target.value);
+ };
+
+ const handleCreateClick = () => {
+ setCurrentDocument(null);
+ setShowForm(true);
+ };
+
+ const handleEditClick = (doc) => {
+ setCurrentDocument(doc);
+ setShowForm(true);
+ };
+
+ const handleSave = (newDoc) => {
+ // Helper function to get the file type from the file name
+ const getFileType = (fileName) => {
+ const parts = fileName.split('.');
+ return parts.length > 1 ? parts.pop().toUpperCase() : 'N/A';
+ };
+
+ // Create a new document object with all required fields
+ const updatedDoc = {
+ ...newDoc,
+ uploadedDate: new Date().toLocaleDateString("en-US", { day: '2-digit', month: 'short', year: 'numeric' }),
+ uploadedBy: "Current User", // Replace with actual user name
+ initials: newDoc.name ? newDoc.name.slice(0, 2).toUpperCase() : "--",
+ // Infer fileType from the first file name if available
+ fileType: newDoc.files && newDoc.files.length > 0 ? getFileType(newDoc.files[0].fileName) : 'N/A',
+ };
+
+ if (currentDocument) {
+ // Edit an existing document
+ setDocuments(
+ documents.map((doc) => (doc === currentDocument ? { ...updatedDoc, initials: doc.initials } : doc))
+ );
+ } else {
+ // Create a new document
+ setDocuments([updatedDoc, ...documents]); // Prepend new doc for better visibility
+ }
+ setShowForm(false);
+ setCurrentDocument(null);
+ };
+
+ const handleCancel = () => {
+ setShowForm(false);
+ setCurrentDocument(null);
+ };
+
+ const handleDelete = (doc) => {
+ setDocumentToDelete(doc);
+ setIsDeleteModalOpen(true);
+ };
+
+ const handleConfirmDelete = () => {
+ if (documentToDelete) {
+ setDocuments(documents.filter((doc) => doc !== documentToDelete));
+ setIsDeleteModalOpen(false);
+ setDocumentToDelete(null);
+ }
+ };
+
+ const handleCloseDeleteModal = () => {
+ setIsDeleteModalOpen(false);
+ setDocumentToDelete(null);
+ };
-const EmpDocuments = ({ profile, loggedInUser }) => {
return (
- <>
-
-
+
+ {/* Header: Search & Create */}
+
+
+
+
+
+
+
+ Create Document
+
+
+
+
+ {/* Table */}
+
+
+
+
+ Document Name
+ Document Number
+ Document Type
+ Uploaded Date
+ {/* Uploaded By */}
+ Action
+
+
+
+ {filteredDocuments.length > 0 ? (
+ filteredDocuments.map((doc, index) => (
+
+
+
+
+ {doc.initials || (doc.name ? doc.name.slice(0, 2).toUpperCase() : "--")}
+
+
+
+
+ {doc.documentNumber}
+ {doc.documentType}
+ {doc.uploadedDate}
+ {/* {doc.uploadedBy} */}
+
+ handleEditClick(doc)}
+ >
+ handleDelete(doc)}
+ >
+
+
+ ))
+ ) : (
+
+
+ No documents available.
+
+
+ )}
+
+
+
+
+ {/* Document Form Modal */}
+ {showForm && (
+
+
+ )}
+
+ {/* Delete Confirmation Modal */}
+ {isDeleteModalOpen && (
+
+
+ )}
+
);
};
-export default EmpDocuments;
+export default EmpDocuments;
\ No newline at end of file
diff --git a/src/components/Employee/EmpOverview.jsx b/src/components/Employee/EmpOverview.jsx
index 467a2a58..6b396745 100644
--- a/src/components/Employee/EmpOverview.jsx
+++ b/src/components/Employee/EmpOverview.jsx
@@ -1,109 +1,163 @@
import React from "react";
-import Avatar from "../common/Avatar";
import { useProfile } from "../../hooks/useProfile";
const EmpOverview = ({ profile }) => {
const { loggedInUserProfile } = useProfile();
+
return (
- <>
- {" "}
-
-
-
-
-
- About
-
-
-
- Full Name: {" "}
- {`${profile?.firstName} ${profile?.lastName}`}
-
-
- Status: {" "}
- Active
-
-
- Role: {" "}
- {profile?.jobRole || NA }
-
-
- Gender: {" "}
- {profile?.gender || NA }
- {" "}
-
- Birth Date: {" "}
-
- {profile?.birthDate ? (
- new Date(profile.birthDate).toLocaleDateString()
- ) : (
- NA
- )}
-
-
-
- Joining Date: {" "}
-
- {profile?.joiningDate ? (
- new Date(profile.joiningDate).toLocaleDateString()
- ) : (
- NA
- )}
-
-
-
-
- Contacts
-
-
-
- Contact: {" "}
- {profile?.phoneNumber || NA }
-
-
- Email: {" "}
-
- {" "}
- {profile?.email || NA }
-
-
-
-
- {" "}
- Emergency Contact:
- {" "}
- {profile?.emergencyContactPerson || NA }
-
-
- Emergency Phone: {" "}
- {profile?.emergencyPhoneNumber || NA }
-
-
-
-
-
-
- {profile?.currentAddress || NA }
-
-
-
+
+
+
+
+
+ {/* About Heading */}
+
+ About
+
+
+ {/* Full Name */}
+
+
+ Full Name
+
+ :
+
+ {profile?.firstName || NA } {profile?.lastName || ""}
+
+
+ {/* Status */}
+
+
+ Status
+
+ :
+ Active
+
+
+ {/* Role */}
+
+
+ Role
+
+ :
+ {profile?.jobRole || NA }
+
+
+ {/* Gender */}
+
+
+ Gender
+
+ :
+ {profile?.gender || NA }
+
+
+ {/* Birth Date */}
+
+
+ Birth Date
+
+ :
+
+ {profile?.birthDate
+ ? new Date(profile.birthDate).toLocaleDateString()
+ : NA }
+
+
+
+ {/* Joining Date */}
+
+
+ Joining Date
+
+ :
+
+ {profile?.joiningDate
+ ? new Date(profile.joiningDate).toLocaleDateString()
+ : NA }
+
+
+
+ {/* Contacts Heading */}
+
+ Contacts
+
+
+ {/* Contact Number */}
+
+
+ Contact
+
+ :
+ {profile?.phoneNumber || NA }
+
+
+ {/* Email */}
+
+
+ Email
+
+
:
+
+ {profile?.email ? (
+ {profile.email}
+ ) : (
+ NA
+ )}
+
+
+
+
+ {/* Emergency Contact */}
+
+
+ Emergency Contact
+
+ :
+
+ {profile?.emergencyContactPerson || NA }
+
+
+
+ {/* Emergency Phone */}
+
+
+ Emergency Phone
+
+ :
+
+ {profile?.emergencyPhoneNumber || NA }
+
+
+
+ {/* Address */}
+
+
+ Address
+
+ :
+
+ {profile?.currentAddress || NA }
+
+
+
-
+
);
};
+
export default EmpOverview;
diff --git a/src/components/Employee/ManageEmployee.jsx b/src/components/Employee/ManageEmployee.jsx
index 1f1b3a62..1805220b 100644
--- a/src/components/Employee/ManageEmployee.jsx
+++ b/src/components/Employee/ManageEmployee.jsx
@@ -16,13 +16,13 @@ import {
getCachedData,
} from "../../slices/apiDataManager";
import { clearApiCacheKey } from "../../slices/apiCacheSlice";
-import {useMutation} from "@tanstack/react-query";
+import { useMutation } from "@tanstack/react-query";
const mobileNumberRegex = /^[0-9]\d{9}$/;
-const ManageEmployee = ({ employeeId, onClosed,IsAllEmployee }) => {
+const ManageEmployee = ({ employeeId, onClosed, IsAllEmployee }) => {
const dispatch = useDispatch();
-const { mutate: updateEmployee, isPending } = useUpdateEmployee();
+ const { mutate: updateEmployee, isPending } = useUpdateEmployee();
const {
employee,
@@ -130,12 +130,11 @@ const { mutate: updateEmployee, isPending } = useUpdateEmployee();
.min(1, { message: "Phone Number is required" })
.regex(mobileNumberRegex, { message: "Invalid phone number " }),
jobRoleId: z.string().min(1, { message: "Role is required" }),
- } );
-
- useEffect( () =>
- {
+ });
+
+ useEffect(() => {
refetch()
- },[])
+ }, [])
const {
register,
@@ -169,19 +168,19 @@ const { mutate: updateEmployee, isPending } = useUpdateEmployee();
});
const AadharNumberValue = watch("aadharNumber") || "";
-
- const onSubmit = (data) => {
- if (data.email === "") {
- data.email = null;
- }
- updateEmployee({...data,IsAllEmployee},{
- onSuccess: () => {
- reset();
- onClosed();
- },
- });
-};
+ const onSubmit = (data) => {
+ if (data.email === "") {
+ data.email = null;
+ }
+
+ updateEmployee({ ...data, IsAllEmployee }, {
+ onSuccess: () => {
+ reset();
+ onClosed();
+ },
+ });
+ };
useEffect(() => {
@@ -212,7 +211,7 @@ const { mutate: updateEmployee, isPending } = useUpdateEmployee();
phoneNumber: currentEmployee.phoneNumber || "",
jobRoleId: currentEmployee.jobRoleId?.toString() || "",
}
- : {}
+ : {}
);
setCurrentAddressLength(currentEmployee?.currentAddress?.length || 0);
setPermanentAddressLength(currentEmployee?.permanentAddress?.length || 0);
@@ -220,66 +219,82 @@ const { mutate: updateEmployee, isPending } = useUpdateEmployee();
return (
<>
-