2022-09-01 10:33:29 -07:00
|
|
|
import Swap from './SwapForm'
|
|
|
|
import SwapTokenChart from './SwapTokenChart'
|
2022-09-12 08:53:57 -07:00
|
|
|
import mangoStore from '@store/mangoStore'
|
2022-09-01 10:33:29 -07:00
|
|
|
import AccountTabs from '../account/AccountTabs'
|
2022-05-31 18:41:18 -07:00
|
|
|
|
2022-09-14 18:06:00 -07:00
|
|
|
const SwapPage = () => {
|
2022-07-25 22:27:53 -07:00
|
|
|
const inputTokenInfo = mangoStore((s) => s.swap.inputTokenInfo)
|
|
|
|
const outputTokenInfo = mangoStore((s) => s.swap.outputTokenInfo)
|
2022-05-31 18:41:18 -07:00
|
|
|
|
|
|
|
return (
|
2022-09-14 12:38:25 -07:00
|
|
|
<div className="grid grid-cols-12">
|
2022-09-18 20:53:52 -07:00
|
|
|
<div className="col-span-12 border-th-bkg-3 md:col-span-6 md:border-b lg:col-span-8">
|
2022-07-14 18:46:34 -07:00
|
|
|
<SwapTokenChart
|
|
|
|
inputTokenId={inputTokenInfo?.extensions?.coingeckoId}
|
|
|
|
outputTokenId={outputTokenInfo?.extensions?.coingeckoId}
|
|
|
|
/>
|
|
|
|
</div>
|
2022-09-14 14:57:12 -07:00
|
|
|
<div className="col-span-12 mt-2 space-y-6 border-th-bkg-3 md:col-span-6 md:mt-0 md:border-b lg:col-span-4">
|
2022-07-14 18:46:34 -07:00
|
|
|
<Swap />
|
2022-05-31 18:41:18 -07:00
|
|
|
</div>
|
2022-09-18 20:53:52 -07:00
|
|
|
<div className="col-span-12">
|
2022-08-10 04:17:10 -07:00
|
|
|
<AccountTabs />
|
2022-07-18 22:27:11 -07:00
|
|
|
</div>
|
2022-05-31 18:41:18 -07:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2022-09-14 18:06:00 -07:00
|
|
|
export default SwapPage
|