Checkout success
Frontastic component name
Checkout
Page type
Used on the Checkout Finished dynamic page
Example images

Code samples
{
"tasticType": "frontastic/boost/checkout-success",
"name": "Checkout success",
"icon": "menu",
"category": "Checkout",
"schema": []
}
import React from 'react'
import PropTypes from 'prop-types'
import tastify from '@frontastic/catwalk/src/js/helper/tastify'
import app from '@frontastic/catwalk/src/js/app/app'
import Entity from '@frontastic/catwalk/src/js/app/entity'
import CheckoutSuccess from '../../patterns/molecules/CheckoutSuccess'
import CheckoutError from '../../patterns/molecules/CheckoutError'
const CheckoutSuccessTastic = ({ order }) => {
if (order.isComplete()) {
return (
<CheckoutSuccess
id={order.data.orderId}
email={order.data.email}
onClick={() => {
return app.getRouter().history.replace('/')
}}
/>
)
} else if (order.loaded && order.error) {
return (
<CheckoutError
onClick={() => {
app.getRouter().replace('Frontastic.Frontend.Master.Checkout.checkout')
}}
/>
)
} else {
app.getRouter().history.replace('/')
return null
}
}
CheckoutSuccessTastic.defaultProps = {}
CheckoutSuccessTastic.propTypes = {
order: PropTypes.instanceOf(Entity).isRequired,
}
export default tastify({ translate: true, connect: { order: true } })(CheckoutSuccessTastic)
Updated about 2 years ago