A React library wrapper for implementing ReavePay Payment Gateway
npm install react-ravepayment --save
or
yarn add react-ravepayment --save
import React, { Component } from "react";
import { useRavePayment } from "react-ravepayment";
const config = {
txref: "rave-123456",
customer_email: "user@example.com",
customer_phone: "234099940409",
amount: 2000,
PBFPubKey: "FLWPUBK-XXXXXXXXXXXXXXXXXXXXXXXXXX-X"
};
const App = () => {
const { initializePayment } = useRavePayment(config);
return (
<div>
<button onClick={() => initializePayment()}>Pay 2000</button>
</div>
);
};
export default App;
import React, { Component } from "react";
import { RaveProvider, RavePaymentButton } from "react-ravepayment";
const config = {
txref: "rave-123456",
customer_email: "user@example.com",
customer_phone: "234099940409",
amount: 2000,
PBFPubKey: "FLWPUBK-XXXXXXXXXXXXXXXXXXXXXXXXXX-X",
onSuccess: () => {},
onClose: () => {}
};
const App = () => {
return (
<div>
<RaveProvider {...config}>
<RavePaymentButton>Pay 2000</RavePaymentButton>
</RaveProvider>
</div>
);
};
export default App;
For more usage example check
See the API reference.
WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of the following;
- Change isProduction attribute in the component tag to true i.e isProduction={true}
- Change RavePay PUBLIC KEY
- Ensure you implement webhooks to receive automatic updates when a transaction happens.
- Fork it!
- Create your feature branch:
git checkout -b feature-name
- Commit your changes:
git commit -am 'Some commit message'
- Push to the branch:
git push origin feature-name
- Submit a pull request ππ
This project follows the all-contributors specification. Contributions of any kind welcome!
Looking to contribute? Look for the Good First Issue label.
Please file an issue for bugs, missing documentation, or unexpected behavior.
MIT