import { useState } from 'react' import Link from 'next/link' import { ArrowSmDownIcon } from '@heroicons/react/solid' import { useRouter } from 'next/router' import { useOpenOrders } from '../hooks/useOpenOrders' import { cancelOrderAndSettle } from '../utils/mango' import Button, { LinkButton } from './Button' import Loading from './Loading' import { PublicKey } from '@solana/web3.js' import useConnection from '../hooks/useConnection' import useMangoStore from '../stores/useMangoStore' import { notify } from '../utils/notifications' import { Table, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table' import SideBadge from './SideBadge' import { useSortableData } from '../hooks/useSortableData' const OpenOrdersTable = () => { const { asPath } = useRouter() const openOrders = useOpenOrders() const { items, requestSort, sortConfig } = useSortableData(openOrders) const [cancelId, setCancelId] = useState(null) const { connection, programId } = useConnection() const actions = useMangoStore((s) => s.actions) const handleCancelOrder = async (order) => { const wallet = useMangoStore.getState().wallet.current const selectedMangoGroup = useMangoStore.getState().selectedMangoGroup.current const selectedMarginAccount = useMangoStore.getState().selectedMarginAccount.current setCancelId(order?.orderId) try { if (!selectedMangoGroup || !selectedMarginAccount) return await cancelOrderAndSettle( connection, new PublicKey(programId), selectedMangoGroup, selectedMarginAccount, wallet, order.market, order ) actions.fetchMarginAccounts() } catch (e) { notify({ message: 'Error cancelling order', description: e.message, txid: e.txid, type: 'error', }) return } finally { setCancelId(null) } } return (
{openOrders && openOrders.length > 0 ? (
{items.map((order, index) => ( ))}
requestSort('marketName')} > Market requestSort('side')} > Side requestSort('size')} > Size requestSort('price')} > Price Edit
{order.marketName}
{order.size} {order.price}
{/* Todo: support order modification */} {/* */}
) : (
No open orders. {asPath === '/account' ? ( Make a trade ) : null}
)}
) } export default OpenOrdersTable