Variable PaymentReceipt

Component for rendering a OneBlink Form Payment Receipt. This component will payment receipt but it is up to the developer to implement what happens when the user clicks 'Done'.

It is also recommended to import the css from this library as well.

import { PaymentReceipt } from '@oneblink/apps-react'
import '@oneblink/apps-react/dist/styles.css'
Copy

Example

import React from 'react'
import ReactDOM from 'react-dom'
import { PaymentReceipt } from '@oneblink/apps-react'
import '@oneblink/apps-react/dist/styles.css'

function ReceiptContainer() {
  const handleDone = React.useCallback(async () => {
    console.log('All done!')
  }, [])
  const handleCancel = React.useCallback(async () => {
    console.log('Cancelled!')
  }, [])

  return <PaymentReceipt onDone={handleDone} onCancel={handleCancel} />
}

function App() {
  return (
    <IsOfflineContextProvider>
      <ReceiptContainer />
    </IsOfflineContextProvider>
  )
}

const root = document.getElementById('root')
if (root) {
  ReactDOM.render(<App />, root)
}
Copy