LaconicNetwork/mars-v2-frontend
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: hide Perp Positions on Osmosis

Browse Source
This commit is contained in:
Linkie Link 2024-01-24 17:15:43 +01:00
parent 8a61d5413e
commit 11dac403a0
No known key found for this signature in database
GPG Key ID: 5318B0F2564D38EA
1 changed files with 41 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/components/account/AccountSummary.tsx
View File

@ -38,6 +38,7 @@ export default function AccountSummary(props: Props) {
const { data: prices } = usePrices()
const assets = useAllAssets()
const updatedAccount = useStore((s) => s.updatedAccount)
const chainConfig = useStore((s) => s.chainConfig)
const accountBalance = useMemo(
() =>
props.account
@ -76,6 +77,45 @@ export default function AccountSummary(props: Props) {
[accountSummaryTabs, setAccountSummaryTabs],
)
const items = [
{
title: `Credit Account ${props.account.id} Composition`,
renderContent: () =>
props.account ? <AccountComposition account={props.account} isHls={props.isHls} /> : null,
isOpen: accountSummaryTabs[0],
toggleOpen: (index: number) => handleToggle(index),
renderSubTitle: () => <></>,
},
{
title: 'Balances',
renderContent: () =>
props.account ? (
<AccountBalancesTable
account={props.account}
borrowingData={borrowAssetsData}
lendingData={lendingAssetsData}
hideCard
isHls={props.isHls}
/>
) : null,
isOpen: accountSummaryTabs[1],
toggleOpen: (index: number) => handleToggle(index),
renderSubTitle: () => <></>,
},
]
if (chainConfig.perps)
items.push({
title: 'Perp Positions',
renderContent: () =>
props.account && props.account.perps.length > 0 ? (
<AccountPerpPositionTable account={props.account} hideCard />
) : null,
isOpen: accountSummaryTabs[2] ?? false,
toggleOpen: (index: number) => handleToggle(index),
renderSubTitle: () => <></>,
})
if (!props.account) return null
return (
<div className='h-[546px] max-w-screen overflow-y-scroll scrollbar-hide w-93.5'>
@ -123,47 +163,7 @@ export default function AccountSummary(props: Props) {
/>
</Item>
</Card>
<Accordion
items={[
{
title: `Credit Account ${props.account.id} Composition`,
renderContent: () =>
props.account ? (
<AccountComposition account={props.account} isHls={props.isHls} />
) : null,
isOpen: accountSummaryTabs[0],
toggleOpen: (index: number) => handleToggle(index),
renderSubTitle: () => <></>,
},
{
title: 'Balances',
renderContent: () =>
props.account ? (
<AccountBalancesTable
account={props.account}
borrowingData={borrowAssetsData}
lendingData={lendingAssetsData}
hideCard
isHls={props.isHls}
/>
) : null,
isOpen: accountSummaryTabs[1],
toggleOpen: (index: number) => handleToggle(index),
renderSubTitle: () => <></>,
},
{
title: 'Perp Positions',
renderContent: () =>
props.account && props.account.perps.length > 0 ? (
<AccountPerpPositionTable account={props.account} hideCard />
) : null,
isOpen: accountSummaryTabs[2] ?? false,
toggleOpen: (index: number) => handleToggle(index),
renderSubTitle: () => <></>,
},
]}
allowMultipleOpen
/>
<Accordion items={items} allowMultipleOpen />
</div>
)
}