From f387a56d7b6b83e3d173f87162ee66ca30883de2 Mon Sep 17 00:00:00 2001
From: pramod mahajan <pramod.mahajan@marcoaiot.com>
Date: Tue, 12 Aug 2025 16:22:34 +0530
Subject: [PATCH] optimized  EmpDashBoard , EmployeeNav and EmployeeProfile

---
 src/components/Employee/EmpDashboard.jsx | 117 ++++++++++-------------
 1 file changed, 48 insertions(+), 69 deletions(-)

diff --git a/src/components/Employee/EmpDashboard.jsx b/src/components/Employee/EmpDashboard.jsx
index c8c45e0e..8f029443 100644
--- a/src/components/Employee/EmpDashboard.jsx
+++ b/src/components/Employee/EmpDashboard.jsx
@@ -24,76 +24,55 @@ const EmpDashboard = ({ profile }) => {
                 My Projects
               </small>{" "}
               <ul className="list-unstyled text-start my-3 py-1">
-                {selectedProjectLoding && <span>Loading</span>}
-                {projectList.map((project) => (
-                  <li
-                    className="d-flex mb-4 align-items-start flex-wrap"
-                    key={project.id}
-                  >
-                    {/* Project Info */}
-                    <div className="flex-grow-1">
-                      <div className="d-flex flex-wrap align-items-center justify-content-between gap-2">
-                        <div className="d-flex">
-                          <div className="avatar flex-shrink-0 me-3">
-                            <span className="avatar-initial rounded bg-label-primary">
-                              <i className="icon-base bx bx-buildings icon-lg"></i>
-                            </span>
-                          </div>
-                          <div className="d-block">
-                            <h6 className="mb-0 d-block">
-                              {project.projectShortName}
-                            </h6>
-                            <small className="text-muted">
-                              {project.projectName}
-                            </small>
-                            <div className="label-secondary">
-                              Assigned:{" "}
-                              {project.assignedDate ? (
-                                new Date(
-                                  project.assignedDate
-                                ).toLocaleDateString()
-                              ) : (
-                                <em>NA</em>
-                              )}
-                            </div>
-                          </div>
-                        </div>
-                        <div>
-                          <span className="badge bg-label-secondary">
-                            {project.designation}
-                          </span>
-                        </div>
-                      </div>
+  {selectedProjectLoding && <span>Loading</span>}
+  {projectList.map((project) => (
+    <li
+      className="d-flex mb-4 align-items-start flex-wrap"
+      key={project.id}
+    >
+      {/* Project Info */}
+      <div className="flex-grow-1">
+        <div className="d-flex flex-wrap align-items-center justify-content-between gap-2">
+          <div className="d-flex">
+            <div className="avatar flex-shrink-0 me-3">
+              <span className="avatar-initial rounded bg-label-primary">
+                <i className="icon-base bx bx-buildings icon-lg"></i>
+              </span>
+            </div>
+            <div>
+              <h6 className="mb-0">{project.projectShortName}</h6>
+              <small className="text-muted">{project.projectName}</small>
+              <div className="label-secondary">
+                Assigned:{" "}
+                {project.assignedDate ? (
+                  new Date(project.assignedDate).toLocaleDateString()
+                ) : (
+                  <em>NA</em>
+                )}
+              </div>
+            </div>
+          </div>
+          <div>
+            <span className="badge bg-label-secondary">
+              {project.designation}
+            </span>
+          </div>
+        </div>
+
+        {/* Dates */}
+        {project.removedDate && (
+          <div className="mt-2 d-flex flex-column flex-sm-row justify-content-between">
+            <div className="label-secondary">
+              Unassigned:{" "}
+              {new Date(project.removedDate).toLocaleDateString()}
+            </div>
+          </div>
+        )}
+      </div>
+    </li>
+  ))}
+</ul>
 
-                      {/* Dates */}
-                      <div className="mt-2 d-flex flex-column flex-sm-row gap-3">
-                        {project.removedDate && (
-                          <div className="label-secondary">
-                            Unassigned:{" "}
-                            {project.removedDate ? (
-                              new Date(project.removedDate).toLocaleDateString()
-                            ) : (
-                              <em>NA</em>
-                            )}
-                          </div>
-                        )}
-                      </div>
-                      {project.removedDate && (
-                        <div className="col-sm-4 col-lg-12 col-xxl-4 d-flex justify-content-xxl-end mt-1">
-                          <div className="label-secondary">
-                            Unassigned:{" "}
-                            {project.removedDate ? (
-                              new Date(project.removedDate).toLocaleDateString()
-                            ) : (
-                              <em>NA</em>
-                            )}
-                          </div>
-                        </div>
-                      )}
-                    </div>
-                  </li>
-                ))}
-              </ul>
             </div>
           </div>
         </div>