22b9f7b518
* env: added sharp * fix: use dvh over vh * feat: prepared the trade view for perps and spot * fix: adjusted heights for Trade * feat: added Navigation submenu * feat: added first interface itteration * feat: added logic * feat: added pairsList * feat: finished Trade Spot Simple * fix: fixed Sell button * fix: adjusted capLeft logic and added sorting util * fix: order of values * fix: fixed the autoLend switch to be deselectable * env: bump version * fix: changes according to feedback * fix: fixed naming * tidy: refactor
41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
import Switch from 'components/Switch'
|
|
import Text from 'components/Text'
|
|
import { Tooltip } from 'components/Tooltip'
|
|
import ConditionalWrapper from 'hocs/ConditionalWrapper'
|
|
|
|
interface Props {
|
|
checked: boolean
|
|
onChange: (value: boolean) => void
|
|
borrowAssetSymbol: string
|
|
disabled?: boolean
|
|
}
|
|
|
|
export default function MarginToggle(props: Props) {
|
|
return (
|
|
<div className='flex justify-between w-full px-4 py-2 bg-white/5'>
|
|
<Text size='sm'>Margin</Text>
|
|
|
|
<ConditionalWrapper
|
|
condition={!!props.disabled}
|
|
wrapper={(children) => (
|
|
<Tooltip
|
|
type='info'
|
|
content={
|
|
<Text size='sm'>
|
|
{props.borrowAssetSymbol} is not a borrowable asset. Please choose another asset to
|
|
sell in order to margin trade.
|
|
</Text>
|
|
}
|
|
>
|
|
{children}
|
|
</Tooltip>
|
|
)}
|
|
>
|
|
<div className='flex flex-row'>
|
|
<Switch {...props} name='margin' />
|
|
</div>
|
|
</ConditionalWrapper>
|
|
</div>
|
|
)
|
|
}
|