import { useMemo, useState } from 'react' import { SwitchHorizontalIcon } from '@heroicons/react/solid' import { getWeights } from '@blockworks-foundation/mango-client' import useMangoStore from '../../stores/useMangoStore' import AdvancedTradeForm from './AdvancedTradeForm' import SimpleTradeForm from './SimpleTradeForm' import { FlipCard, FlipCardBack, FlipCardFront, FlipCardInner, } from '../FlipCard' import FloatingElement from '../FloatingElement' import { useWallet } from '@solana/wallet-adapter-react' export default function TradeForm() { const [showAdvancedForm, setShowAdvancedForm] = useState(true) const { connected } = useWallet() const marketConfig = useMangoStore((s) => s.selectedMarket.config) const mangoGroup = useMangoStore((s) => s.selectedMangoGroup.current) const handleFormChange = () => { setShowAdvancedForm(!showAdvancedForm) } const initLeverage = useMemo(() => { if (!mangoGroup || !marketConfig) return 1 const ws = getWeights(mangoGroup, marketConfig.marketIndex, 'Init') const w = marketConfig.kind === 'perp' ? ws.perpAssetWeight : ws.spotAssetWeight return Math.round((100 * -1) / (w.toNumber() - 1)) / 100 }, [mangoGroup, marketConfig]) return ( {showAdvancedForm ? ( {/*
*/} {/* */} {/*
*/}
) : (
)}
) }