b35c743286
* fix(useSWR): request hooks revalidation on focus disabled * [trade] add margin * [trade] include borrow rate in receipt * [trade] add tooltip margin and pr comments * updated regardign comments --------- Co-authored-by: Yusuf Seyrek <yusuf@delphilabs.io>
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { InfoCircle } from 'components/Icons'
|
|
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 flex-1 flex-row justify-between bg-white/5 px-4 py-2'>
|
|
<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' />
|
|
{props.disabled && (
|
|
<InfoCircle width={16} height={16} className='ml-2 mt-0.5 opacity-20' />
|
|
)}
|
|
</div>
|
|
</ConditionalWrapper>
|
|
</div>
|
|
)
|
|
}
|