react-nano-payment
v0.1.2
Published
A React modal for receiving NANO payments
Downloads
8
Maintainers
Readme
react-nano-payment
This React component lets you easily accept NANO payments on your website.
Install
npm i --save react-nano-payment
Usage
import {NanoPaymentModal} from 'react-nano-payment';
<NanoPaymentModal
account={account}
amount={amount}
show={show}
onClose={() => setShow(false)}
onSuccess={({id, block_hash}) => {...}}
onError={err => {...}}
/>
| Prop name | Type | Required | Description | | ---------- | -------- | -------- | --------------------------------------------------------- | | title | string | no | Title of the modal (default: 'NANO Payment Request') | | apiURL | string | no | Payment server URL to use (default: 'https://gonano.dev') | | account | string | yes | Address of the account to receive on | | amount | string | yes | Amount in NANO to receive | | paymentID | string | no | Wait on this payment ID instead of creating a new payment | | show | bool | yes | Whether to show the modal | | onClose | function | yes | Handler when modal is closed | | onSuccess | function | yes | Handler when payment is fulfilled | | onError | function | yes | Handler when an error occurs |
If paymentID
is supplied then account
must be the one returned from the /payment/new
API call.