import { Serum3Side } from '@blockworks-foundation/mango-v4' import Button from '@components/shared/Button' import SideBadge from '@components/shared/SideBadge' import TabButtons from '@components/shared/TabButtons' import { LinkIcon, QuestionMarkCircleIcon } from '@heroicons/react/20/solid' import { Order } from '@project-serum/serum/lib/market' import { useWallet } from '@solana/wallet-adapter-react' import mangoStore from '@store/mangoStore' import { useTranslation } from 'next-i18next' import Image from 'next/image' import { useCallback, useEffect, useMemo, useState } from 'react' import { notify } from 'utils/notifications' import { formatDecimal, formatFixedDecimals } from 'utils/numbers' const TABS = ['Balances', 'Orders'] const BalanceAndOpenOrders = () => { const [selectedTab, setSelectedTab] = useState('Balances') const mangoAccount = mangoStore((s) => s.mangoAccount.current) const selectedMarket = mangoStore((s) => s.selectedMarket.current) useEffect(() => { const actions = mangoStore.getState().actions if (mangoAccount && selectedMarket) { actions.fetchOpenOrdersForMarket(selectedMarket) } }, [mangoAccount, selectedMarket]) return (
{t('token')} | {t('balance')} | In Orders | Unsettled |
---|---|---|---|
{logoURI ? (
{bank.name}
|
{mangoAccount
? formatDecimal(
mangoAccount.getTokenBalanceUi(bank),
bank.mintDecimals
)
: 0}
|
0.00 | 0.00 |
Side | Size | Price | |
---|---|---|---|
|
{o.size} | {o.price} |
No open orders...
Connect to view your open orders