refactor(EmployeeNav): update class names for nav links and correct label for account
This commit is contained in:
parent
a07422053e
commit
c7c0364d97
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user