63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
import { InputGroup } from 'react-bootstrap'
|
|
import { Checkbox, Input } from './form'
|
|
import { useMe } from './me'
|
|
import { useEffect, useState } from 'react'
|
|
import { isNumber } from 'mathjs'
|
|
import { numWithUnits } from '../lib/format'
|
|
|
|
function autoWithdrawThreshold ({ me }) {
|
|
return isNumber(me?.privates?.autoWithdrawThreshold) ? me?.privates?.autoWithdrawThreshold : 10000
|
|
}
|
|
|
|
export function autowithdrawInitial ({ me, priority = false }) {
|
|
return {
|
|
priority,
|
|
autoWithdrawThreshold: autoWithdrawThreshold({ me }),
|
|
autoWithdrawMaxFeePercent: isNumber(me?.privates?.autoWithdrawMaxFeePercent) ? me?.privates?.autoWithdrawMaxFeePercent : 1
|
|
}
|
|
}
|
|
|
|
export function AutowithdrawSettings ({ priority }) {
|
|
const me = useMe()
|
|
const threshold = autoWithdrawThreshold({ me })
|
|
|
|
const [sendThreshold, setSendThreshold] = useState(Math.max(Math.floor(threshold / 10), 1))
|
|
|
|
useEffect(() => {
|
|
setSendThreshold(Math.max(Math.floor(threshold / 10), 1))
|
|
}, [autoWithdrawThreshold])
|
|
|
|
return (
|
|
<>
|
|
<Checkbox
|
|
label='make default autowithdraw method'
|
|
id='priority'
|
|
name='priority'
|
|
/>
|
|
<div className='my-4 border border-3 rounded'>
|
|
<div className='p-3'>
|
|
<h3 className='text-center text-muted'>desired balance</h3>
|
|
<h6 className='text-center pb-3'>applies globally to all autowithdraw methods</h6>
|
|
<Input
|
|
label='desired balance'
|
|
name='autoWithdrawThreshold'
|
|
onChange={(formik, e) => {
|
|
const value = e.target.value
|
|
setSendThreshold(Math.max(Math.floor(value / 10), 1))
|
|
}}
|
|
hint={isNumber(sendThreshold) ? `attempts to keep your balance no greater than ${numWithUnits(sendThreshold)} of this amount` : undefined}
|
|
append={<InputGroup.Text className='text-monospace'>sats</InputGroup.Text>}
|
|
/>
|
|
<Input
|
|
label='max fee'
|
|
name='autoWithdrawMaxFeePercent'
|
|
hint='max fee as percent of withdrawal amount'
|
|
append={<InputGroup.Text>%</InputGroup.Text>}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</>
|
|
|
|
)
|
|
}
|