Blue Highlight Under “Contacts” Tab Disappears When Switching View now its appear.

This commit is contained in:
Kartik Sharma 2025-07-22 12:53:54 +05:30
parent d3f21f33b6
commit a02c72859f

View File

@ -257,7 +257,7 @@ const DirectoryPageHeader = ({
<ul className="nav nav-tabs mb-0" role="tablist"> <ul className="nav nav-tabs mb-0" role="tablist">
<li className="nav-item" role="presentation"> <li className="nav-item" role="presentation">
<button <button
className={`nav-link ${viewType === "notes" ? "active" : ""}`} className={`nav-link ${viewType === "notes" ? "active" : ""} fs-6`}
onClick={() => setViewType("notes")} onClick={() => setViewType("notes")}
type="button" type="button"
> >
@ -266,8 +266,9 @@ const DirectoryPageHeader = ({
</li> </li>
<li className="nav-item" role="presentation"> <li className="nav-item" role="presentation">
<button <button
className={`nav-link ${viewType === "card" ? "active" : ""}`} // Corrected: Apply 'active' if viewType is either 'card' or 'list'
onClick={() => setViewType("card")} className={`nav-link ${viewType === "card" || viewType === "list" ? "active" : ""} fs-6`}
onClick={() => setViewType("card")} // You might want to default to 'card' when switching to contacts
type="button" type="button"
> >
<i className="bx bx-user me-1"></i> Contacts <i className="bx bx-user me-1"></i> Contacts