reblocks

Reblocks - Raiblocks Payments with React

A React wrapper around the Brainblocks payment button that makes it simple to start taking Raiblocks payments in React projects.

Demo: goldcaddy77.github.io/reblocks

Table of Contents

• Install
• Usage
• API
• Contribute
• License

Install

yarn add reblocks

Usage

import { ReblocksPayment } from 'reblocks';

const onSuccess = (data: PaymentResponse) => {
  console.log('Got transaction token', data.token);
};

const Button = (
  <ReblocksPayment
    accountId="xrb_3ritoyx4zcixshfbezg4aycb49xbupw9ggink1rfm43tm6uh87t4ifuxg5dm"
    amount={200000}
    onPaymentSuccess={onSuccess}
  />
);

API

ReblocksPayment

To initiate a payment, use the ReblocksPayment component. The ReblocksPayment takes in the following props:

• accountId {string} account to send funds to
• amount {string} ammount of rai to send (Note: 1 rai = 1/1,000,000 XRB)
• onPaymentSuccess {function} function to run on successful payment. This is passed { token: 'TOKEN'}

Link to demo

ReblocksFiatConversion

To display the current value of XRB in a fiat currency, use the ReblocksFiatConversion component. The ReblocksFiatConversion takes in the following props:

• currency {currency} 3 digit fiat currency you want to display the current value of 1 XRB

Link to demo

Donate

If you like this project and want to help support future development, test it out by buying me a 🍺: xrb_3ritoyx4zcixshfbezg4aycb49xbupw9ggink1rfm43tm6uh87t4ifuxg5dm

Contribute

PRs accepted. Note that code uses prettier.

License

MIT © Dan Caddigan