GlcoinCore/jam
1
0
Fork 0
mirror of https://github.com/joinmarket-webui/jam.git synced 2026-08-17 13:07:34 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui: select account via select box on payment page

Browse source
This commit is contained in:
theborakompanioni 2022-01-01 17:40:51 +01:00
parent 21453d8470
commit 07d0f09bda
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/Payment.jsx
View file

@ -10,7 +10,7 @@ export default function Payment({ currentWallet }) {
const [alert, setAlert] = useState(null)
const [isSending, setIsSending] = useState(false)
const [isCoinjoin, setIsCoinjoin] = useState(false)
const [account, setAccount] = useState(location.state?.account || 0)
const [account, setAccount] = useState(parseInt(location.state?.account, 10) || 0)
const sendPayment = async (account, destination, amount_sats) => {
const { name, token } = currentWallet
@ -18,7 +18,7 @@ export default function Payment({ currentWallet }) {
method: 'POST',
headers: { 'Authorization': `Bearer ${token}` },
body: JSON.stringify({
mixdepth: account,
mixdepth: String(account),
destination,
amount_sats
})
@ -53,7 +53,7 @@ export default function Payment({ currentWallet }) {
method: 'POST',
headers: { 'Authorization': `Bearer ${token}` },
body: JSON.stringify({
mixdepth: account,
mixdepth: String(account),
destination,
amount_sats,
counterparties
@ -91,7 +91,7 @@ export default function Payment({ currentWallet }) {
setValidated(true)
if (isValid) {
const { account, amount, counterparties, destination } = serialize(form)
const { amount, counterparties, destination } = serialize(form)
const success = isCoinjoin
? await startCoinjoin(account, destination, amount, counterparties)
: await sendPayment(account, destination, amount)
@ -115,8 +115,9 @@ export default function Payment({ currentWallet }) {
</rb.Form.Group>
<rb.Form.Group className="mb-3" controlId="account">
<rb.Form.Label>Account</rb.Form.Label>
<rb.Form.Control name="account" type="number" value={account} min={ACCOUNTS[0]} max={ACCOUNTS[4]} onChange={e => setAccount(parseInt(e.target.value, 10))} style={{ width: '15ch' }} required />
<rb.Form.Control.Feedback type="invalid">Please provide an account between {ACCOUNTS[0]} and {ACCOUNTS[4]}.</rb.Form.Control.Feedback>
<rb.Form.Select defaultValue={account} onChange={e => setAccount(parseInt(e.target.value, 10))} style={{ maxWidth: '15ch' }} required>
{ACCOUNTS.map(val => <option key={val} value={val}>Account {val}</option>)}
</rb.Form.Select>
</rb.Form.Group>
<rb.Form.Group className="mb-3" controlId="amount">
<rb.Form.Label>Amount in Sats</rb.Form.Label>