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

added icons

Browse Source
This commit was merged in pull request #766.
This commit is contained in:
victorAnumudu
2024-07-24 18:32:43 +01:00
parent ddf361b496
commit 2f6f0bf501
3 changed files with 46 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/History/index.jsx
+34 -8
View File
@@ -19,9 +19,32 @@ export default function History() {
const apiCall = new usersService()
let [tab, setTab] = useState("purchases"); //STATE FOR SWITCHING BETWEEN TABS
const [selectedTab, setSelectedTab] = useState("purchases");
const tabs = ["purchases", "recent activity", "rewards", 'jobs completed'] //STATE FOR SWITCHING BETWEEN TABS
// let [tab, setTab] = useState("purchases"); //STATE FOR SWITCHING BETWEEN TABS
// const tabs = ["purchases", "recent activity", "rewards", 'jobs completed'] //STATE FOR SWITCHING BETWEEN TABS
const tabs = [ //STATE FOR SWITCHING BETWEEN TABS
{
id: 1,
title: "purchases",
iconName: "history",
},
{
id: 2,
title: "recent activity",
iconName: "history",
},
{
id: 3,
title: "rewards",
iconName: "history",
},
{
id: 4,
title: "jobs completed",
iconName: "history",
},
]
let [paymentHistory, setPaymentHistory] = useState({ // FOR PAYMENT HISTORY
loading: true,
@@ -91,12 +114,15 @@ export default function History() {
<div className="content-tab-items lg:w-[230px] w-full mr-2">
<div className='overflow-hidden mb-5 lg:mb-0 py-2 lg:py-8'>
{tabs.map((item) => (
<TabButton
key={item}
item={item}
selectedTab={selectedTab}
setSelectedTab={setSelectedTab}
/>
<div key={item.id} className='w-full'>
<TabButton
key={item.id}
item={item.title}
iconName={item.iconName}
selectedTab={selectedTab}
setSelectedTab={setSelectedTab}
/>
</div>
))}
</div>
</div>