diff --git a/src/pages/employee/EmployeeProfile.jsx b/src/pages/employee/EmployeeProfile.jsx
index 9e5debc7..8bf3e7f5 100644
--- a/src/pages/employee/EmployeeProfile.jsx
+++ b/src/pages/employee/EmployeeProfile.jsx
@@ -11,6 +11,7 @@ import EmployeeRepository from "../../repositories/EmployeeRepository";
 import { ComingSoonPage } from "../Misc/ComingSoonPage";
 import { useNavigate } from "react-router-dom";
 import Avatar from "../../components/common/Avatar";
+import AttendancesEmployeeRecords from "./AttendancesEmployeeRecords";
 const EmployeeProfile = () => {
  
   const projectID = useSelector((store)=>store.localVariables.projectId)
@@ -54,17 +55,18 @@ const EmployeeProfile = () => {
   const renderContent = () => {
     if (loading) return <div>Loading</div>;
     switch (activePill) {
-      case "account": {
-        return (
-          <>
-            <ComingSoonPage/>
-          </>
-        );
-      }
       case "attendance": {
         return (
           <>
-          <ComingSoonPage/>
+             <AttendancesEmployeeRecords employee={employeeId } />
+            
+          </>
+        );
+      }
+      case "dcoument": {
+        return (
+          <>
+            <ComingSoonPage/>
         </>
         );
         break;