Vaibhav_Task#77 #16
@ -7,19 +7,19 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
|
|||||||
<ul className="nav nav-pills flex-column flex-sm-row mb-6">
|
<ul className="nav nav-pills flex-column flex-sm-row mb-6">
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<a
|
<a
|
||||||
className={`nav-link ${activePill === "account" ? "active" : ""}`}
|
className={`nav-link py-1 px-2 small ${activePill === "account" ? "active" : ""}`}
|
||||||
href="#"
|
href="#"
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault(); // Prevent page reload
|
e.preventDefault(); // Prevent page reload
|
||||||
onPillClick("account");
|
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>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<a
|
<a
|
||||||
className={`nav-link ${activePill === "attendance" ? "active" : ""}`}
|
className={`nav-link py-1 px-2 small ${activePill === "attendance" ? "active" : ""}`}
|
||||||
href="#"
|
href="#"
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault(); // Prevent page reload
|
e.preventDefault(); // Prevent page reload
|
||||||
@ -31,7 +31,7 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
|
|||||||
</li>
|
</li>
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<a
|
<a
|
||||||
className={`nav-link ${activePill === "activities" ? "active" : ""}`}
|
className={`nav-link py-1 px-2 small ${activePill === "activities" ? "active" : ""}`}
|
||||||
href="#"
|
href="#"
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault(); // Prevent page reload
|
e.preventDefault(); // Prevent page reload
|
||||||
|
Loading…
x
Reference in New Issue
Block a user