mars-v2-frontend/pages/trade.tsx
Gustavo Mauricio 1deba2059e
MP-1699: Trade on Margin Account (#52)
* update generated types

* added CRO to token info

* update contract addresses to match latest deployment

* feat: token prices fetched from oracle contract

* trade page initial commit

* trade asset action hook

* extract max swap amount logic into custom hook

* trade component ui adjustments

* trade container min-width and some styling improvements

* trade success message and loading indicator

* normalize naming conventions on trading

* max swap amount formula adjustments

* trade execute msg with borrow. code cleanup

* fix: click max update tokenOut amount. remove wallet from fund denom

* delay token amount decimal conversion. input formatting

* increase hardcoded gas

* renamed max swappable amount hook

* display token prices and market information on landing page

* reset trade amounts when selected account change

* max trade amount cleanup and minor performance optimizations

* fix: liabilities value with 1 hour interest buffer for trade action

* add token symbol to wallet and account labels

* swap trade pairs icon and basic functionality

* remove unnecessary optional chaining. comment adjusted

* refactor useTokenPrices to build query dynamically on tokens data

* extracted trade container and respective functionality into separate file

* fix: properly calculate positions after full swap

* mp-1218: trading using wallet
2022-11-22 10:14:12 +01:00

24 lines
665 B
TypeScript

import React from 'react'
import Container from 'components/Container'
import TradeActionModule from 'components/Trade/TradeActionModule'
const Trade = () => {
return (
<div>
<div className='mb-4 flex gap-4'>
<Container className='grid flex-1 place-items-center'>Graph/Tradingview Module</Container>
<div className='flex flex-col gap-4'>
<Container className='min-w-[350px] !p-2 text-sm'>
<TradeActionModule />
</Container>
<Container>Orderbook module (optional)</Container>
</div>
</div>
<Container>Trader order overview</Container>
</div>
)
}
export default Trade