admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

refactor(EmployeeNav): update class names for nav links and correct label for account

Browse Source
This commit is contained in:
Vaibhav Surve 2025-04-16 11:11:47 +05:30 committed by Pramod Mahajan
parent 753545aa8a
commit 876e2de755
1 changed files with 41 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
src/components/Employee/EmployeeNav.jsx
View File

@ -2,49 +2,47 @@ import React from "react";
const EmployeeNav = ({ onPillClick, activePill }) => {
return (
<div className="nav-align-top ">
<ul className="nav nav-tabs">
<li className="nav-item">
<a
className={`nav-link ${activePill === "account" ? "active" : ""}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
onPillClick("account");
}}
>
<i className="bx bx-user bx-sm me-1_5"></i> Account
</a>
</li>
<li className="nav-item">
<a
className={`nav-link ${
activePill === "attendance" ? "active" : ""
}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
onPillClick("attendance");
}}
>
<i className="bx bx-group bx-sm me-1_5"></i> Attendances
</a>
</li>
<li className="nav-item">
<a
className={`nav-link ${
activePill === "activities" ? "active" : ""
}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
onPillClick("activities");
}}
>
<i className="bx bx-grid-alt bx-sm me-1_5"></i> Activities
</a>
</li>
</ul>
<div className="col-md-12">
<div className="nav-align-top">
<ul className="nav nav-pills flex-column flex-sm-row mb-6">
<li className="nav-item">
<a
className={`nav-link py-1 px-2 small ${activePill === "account" ? "active" : ""}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
onPillClick("account");
}}
>
<i className="bx bx-user bx-sm me-1_5"></i> Documents
</a>
</li>
<li className="nav-item">
<a
className={`nav-link py-1 px-2 small ${activePill === "attendance" ? "active" : ""}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
onPillClick("attendance");
}}
>
<i className="bx bx-group bx-sm me-1_5"></i> Attendances
</a>
</li>
<li className="nav-item">
<a
className={`nav-link py-1 px-2 small ${activePill === "activities" ? "active" : ""}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
onPillClick("activities");
}}
>
<i className="bx bx-grid-alt bx-sm me-1_5"></i> Activities
</a>
</li>
</ul>
</div>
</div>
);
};