14d09409f9
* fix: fixed unlend on withdraw with borrow * fix: fixed the logic * fix: lending on funding
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
import classNames from 'classnames'
|
|
import { useCallback } from 'react'
|
|
|
|
import SwitchWithLabel from 'components/Switch/SwitchWithLabel'
|
|
import useEnableAutoLendGlobal from 'hooks/localStorage/useEnableAutoLendGlobal'
|
|
import useAutoLend from 'hooks/useAutoLend'
|
|
|
|
interface Props {
|
|
accountId: string
|
|
className?: string
|
|
}
|
|
|
|
export default function SwitchAutoLend(props: Props) {
|
|
const { accountId, className } = props
|
|
const { autoLendEnabledAccountIds, disableAutoLend, enableAutoLend } = useAutoLend()
|
|
const isAutoLendEnabledForAccount = autoLendEnabledAccountIds.includes(accountId)
|
|
const [_, setIsAutoLendEnabled] = useEnableAutoLendGlobal()
|
|
|
|
const handleToggle = useCallback(() => {
|
|
if (!isAutoLendEnabledForAccount) {
|
|
enableAutoLend(accountId)
|
|
return
|
|
}
|
|
|
|
setIsAutoLendEnabled(false)
|
|
disableAutoLend(accountId)
|
|
}, [
|
|
accountId,
|
|
disableAutoLend,
|
|
enableAutoLend,
|
|
isAutoLendEnabledForAccount,
|
|
setIsAutoLendEnabled,
|
|
])
|
|
|
|
return (
|
|
<div className={classNames('w-full', className)}>
|
|
<SwitchWithLabel
|
|
name={`isLending-${accountId}`}
|
|
label='Lend assets to earn yield'
|
|
value={isAutoLendEnabledForAccount}
|
|
onChange={handleToggle}
|
|
tooltip={`Fund your account and lend assets effortlessly! By lending, you'll earn attractive interest (APY) without impacting your loan to value (LTV). It's a win-win situation - don't miss out on this easy opportunity to grow your holdings!`}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|