72 lines
1.8 KiB
TypeScript
72 lines
1.8 KiB
TypeScript
import usePositions from 'hooks/usePositions'
|
|
import NavTabs from './NavTabs'
|
|
import Positions from './Positions'
|
|
import Stake from './Stake'
|
|
import TransactionHistory from './TransactionHistory'
|
|
import mangoStore from '@store/mangoStore'
|
|
import { useEffect, useState } from 'react'
|
|
import { BOOST_ACCOUNT_PREFIX } from 'utils/constants'
|
|
|
|
const set = mangoStore.getState().set
|
|
|
|
const HomePage = () => {
|
|
const [activeTab, setActiveTab] = useState('Boost!')
|
|
const selectedToken = mangoStore((s) => s.selectedToken)
|
|
const { positions } = usePositions()
|
|
|
|
useEffect(() => {
|
|
const mangoAccounts = mangoStore.getState().mangoAccounts
|
|
const selectedMangoAccount = mangoAccounts.find(
|
|
(ma) =>
|
|
ma.name.toLowerCase() ===
|
|
`${(BOOST_ACCOUNT_PREFIX + selectedToken).toLowerCase()}`,
|
|
)
|
|
console.log(
|
|
'selectedMangoAccount',
|
|
(BOOST_ACCOUNT_PREFIX + selectedToken).toLowerCase(),
|
|
selectedMangoAccount,
|
|
)
|
|
|
|
set((s) => {
|
|
s.mangoAccount.current = selectedMangoAccount
|
|
})
|
|
}, [selectedToken])
|
|
return (
|
|
<>
|
|
<div className="mb-6 grid grid-cols-3">
|
|
<NavTabs
|
|
activeValue={activeTab}
|
|
values={[
|
|
['Boost!', 0],
|
|
['Positions', positions.length],
|
|
['Activity', 0],
|
|
]}
|
|
onChange={setActiveTab}
|
|
/>
|
|
</div>
|
|
<TabContent activeTab={activeTab} setActiveTab={setActiveTab} />
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default HomePage
|
|
|
|
const TabContent = ({
|
|
activeTab,
|
|
setActiveTab,
|
|
}: {
|
|
activeTab: string
|
|
setActiveTab: (tab: string) => void
|
|
}) => {
|
|
switch (activeTab) {
|
|
case 'Boost!':
|
|
return <Stake />
|
|
case 'Positions':
|
|
return <Positions setActiveTab={setActiveTab} />
|
|
case 'Activity':
|
|
return <TransactionHistory />
|
|
default:
|
|
return <Stake />
|
|
}
|
|
}
|