mars-v2-frontend/src/components/account/AccountMenu.tsx
Bob van der Helm ab0e184a39
refactor components folder (#734)
* refactor components folder

* create leverage slider variants
2024-01-16 15:35:18 +01:00

23 lines
644 B
TypeScript

import { Suspense } from 'react'
import AccountMenuContent from 'components/account/AccountMenuContent'
import Loading from 'components/common/Loading'
import useAccountIds from 'hooks/accounts/useAccountIds'
import useStore from 'store'
function Content() {
const address = useStore((s) => s.address)
const { data: accountIds, isLoading } = useAccountIds(address)
if (isLoading) return <Loading className='h-8 w-35' />
if (!accountIds) return null
return <AccountMenuContent />
}
export default function AccountMenu() {
return (
<Suspense fallback={<Loading className='h-8 w-35' />}>
<Content />
</Suspense>
)
}