WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

tab capitalization

Browse Source
This commit was merged in pull request #802.
This commit is contained in:
victorAnumudu
2024-09-27 19:46:10 +01:00
parent f7db65d527
commit 0335edf1dc
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FamilyAcc/FamilyTableNew.jsx
+5 -5
View File
@@ -58,9 +58,9 @@ export default function FamilyTableNew() {
// Array of tab names // Array of tab names
const tabs = [ const tabs = [
{ id: 1, name: "tasks" }, { id: 1, name: "Tasks" },
{ id: 2, name: "waiting" }, { id: 2, name: "Waiting" },
{ id: 3, name: "pending" }, { id: 3, name: "Pending" },
]; ];
// State for the currently selected tab // State for the currently selected tab
@@ -68,7 +68,7 @@ export default function FamilyTableNew() {
// Function to handle tab changes // Function to handle tab changes
const tabHandler = (value) => { const tabHandler = (value) => {
setTab(value); setTab(value.toLowerCase());
}; };
// Object that maps tab names to their corresponding components // Object that maps tab names to their corresponding components
@@ -213,7 +213,7 @@ export default function FamilyTableNew() {
<li <li
onClick={() => tabHandler(name)} onClick={() => tabHandler(name)}
className={`p-4 flex hover:text-purple transition-all ease-in-out items-center cursor-pointer overflow-hidden text-xl relative top-[2px] ${ className={`p-4 flex hover:text-purple transition-all ease-in-out items-center cursor-pointer overflow-hidden text-xl relative top-[2px] ${
tab === name tab.toLowerCase() === name.toLowerCase()
? "text-purple border-r" ? "text-purple border-r"
: "text-thin-light-gray" : "text-thin-light-gray"
}`} }`}