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

This commit is contained in:
Vaibhav Surve 2025-04-16 11:11:47 +05:30
parent a07422053e
commit c7c0364d97

View File

@ -7,19 +7,19 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
<ul className="nav nav-pills flex-column flex-sm-row mb-6">
<li className="nav-item">
<a
className={`nav-link ${activePill === "account" ? "active" : ""}`}
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> Account
<i className="bx bx-user bx-sm me-1_5"></i> Documents
</a>
</li>
<li className="nav-item">
<a
className={`nav-link ${activePill === "attendance" ? "active" : ""}`}
className={`nav-link py-1 px-2 small ${activePill === "attendance" ? "active" : ""}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload
@ -31,7 +31,7 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
</li>
<li className="nav-item">
<a
className={`nav-link ${activePill === "activities" ? "active" : ""}`}
className={`nav-link py-1 px-2 small ${activePill === "activities" ? "active" : ""}`}
href="#"
onClick={(e) => {
e.preventDefault(); // Prevent page reload