blockworks-foundation
/
mango-ui-v3
mirror of https://github.com/blockworks-foundation/mango-ui-v3.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

cleanup

This commit is contained in:
Tyler Shipe 2021-07-23 13:07:31 -04:00
parent 34a4e5ee19
commit 8207659bb1
3 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/DepositModal.tsx
View File

@ -114,7 +114,7 @@ const DepositModal: FunctionComponent<DepositModalProps> = ({
*/
const handleAccountSelect = (account) => {
setInputAmount('0')
setInputAmount('')
setSliderPercentage(0)
setInvalidAmountMessage('')
setSelectedAccount(account)

22
components/TradeForm.tsx
View File

@ -275,7 +275,7 @@ export default function TradeForm() {
return (
<FloatingElement showConnect>
<div className={!connected && 'filter blur-sm'}>
<div className={!connected ? 'filter blur-sm' : undefined}>
<div>
<div className={`flex text-base text-th-fgd-4`}>
<button
@ -285,8 +285,9 @@ export default function TradeForm() {
<div
className={`hover:text-th-green pb-1 transition-colors duration-500
${
side === 'buy' &&
`text-th-green hover:text-th-green border-b-2 border-th-green`
side === 'buy'
? `text-th-green hover:text-th-green border-b-2 border-th-green`
: undefined
}`}
>
Buy
@ -299,8 +300,9 @@ export default function TradeForm() {
<div
className={`hover:text-th-red pb-1 transition-colors duration-500
${
side === 'sell' &&
`text-th-red hover:text-th-red border-b-2 border-th-red`
side === 'sell'
? `text-th-red hover:text-th-red border-b-2 border-th-red`
: undefined
}
`}
>
@ -371,8 +373,9 @@ export default function TradeForm() {
disabled={disabledTradeButton}
onClick={onSubmit}
className={`${
!disabledTradeButton &&
'border-th-green hover:border-th-green-dark'
!disabledTradeButton
? 'border-th-green hover:border-th-green-dark'
: undefined
} text-th-green hover:text-th-fgd-1 hover:bg-th-green-dark flex-grow`}
>
{`${
@ -386,8 +389,9 @@ export default function TradeForm() {
disabled={disabledTradeButton}
onClick={onSubmit}
className={`${
!disabledTradeButton &&
'border-th-red hover:border-th-red-dark'
!disabledTradeButton
? 'border-th-red hover:border-th-red-dark'
: undefined
} text-th-red hover:text-th-fgd-1 hover:bg-th-red-dark flex-grow`}
>
{`${

5
components/TradePageGrid.tsx
View File

@ -26,14 +26,12 @@ export const defaultLayouts = {
{ i: 'depositWithdraw', x: 9, y: 0, w: 3, h: 6 },
{ i: 'tradeForm', x: 9, y: 1, w: 3, h: 14 },
{ i: 'marketTrades', x: 6, y: 1, w: 3, h: 13 },
{ i: 'balanceInfo', x: 9, y: 2, w: 3, h: 15 },
{ i: 'marketPosition', x: 9, y: 3, w: 3, h: 15 },
{ i: 'userInfo', x: 0, y: 2, w: 9, h: 19 },
{ i: 'marginInfo', x: 9, y: 4, w: 3, h: 14 },
],
lg: [
{ i: 'tvChart', x: 0, y: 0, w: 8, h: 29, minW: 2 },
{ i: 'balanceInfo', x: 8, y: 0, w: 4, h: 15, minW: 2 },
{ i: 'marketPosition', x: 8, y: 0, w: 4, h: 15, minW: 2 },
{ i: 'marginInfo', x: 8, y: 1, w: 4, h: 14, minW: 2 },
{ i: 'orderbook', x: 0, y: 2, w: 4, h: 17, minW: 2 },
@ -43,7 +41,6 @@ export const defaultLayouts = {
],
md: [
{ i: 'tvChart', x: 0, y: 0, w: 8, h: 29, minW: 2 },
{ i: 'balanceInfo', x: 8, y: 0, w: 4, h: 15, minW: 2 },
{ i: 'marketPosition', x: 8, y: 0, w: 4, h: 15, minW: 2 },
{ i: 'marginInfo', x: 8, y: 1, w: 4, h: 14, minW: 2 },
{ i: 'orderbook', x: 0, y: 2, w: 4, h: 17, minW: 2 },
@ -53,7 +50,6 @@ export const defaultLayouts = {
],
sm: [
{ i: 'tvChart', x: 0, y: 0, w: 12, h: 25, minW: 6 },
{ i: 'balanceInfo', x: 0, y: 1, w: 6, h: 15, minW: 2 },
{ i: 'marketPosition', x: 0, y: 1, w: 6, h: 15, minW: 2 },
{ i: 'marginInfo', x: 6, y: 1, w: 6, h: 15, minW: 2 },
{ i: 'tradeForm', x: 0, y: 2, w: 12, h: 13, minW: 3 },
@ -63,7 +59,6 @@ export const defaultLayouts = {
],
xs: [
{ i: 'tvChart', x: 0, y: 0, w: 0, h: 0, minW: 6 },
{ i: 'balanceInfo', x: 0, y: 1, w: 6, h: 15, minW: 2 },
{ i: 'marketPosition', x: 0, y: 1, w: 6, h: 15, minW: 2 },
{ i: 'marginInfo', x: 0, y: 2, w: 6, h: 14, minW: 2 },
{ i: 'tradeForm', x: 0, y: 3, w: 12, h: 13, minW: 3 },