Decorate a container so it can hook into the react-authapp-container messaging system
npm install @source4society/react-scepter-alert-decorator
or
yarn add @source4society/react-scepter-alert-decorator
This decorator hooks a container into the react-scepter-authapp-container message state, and adds a prop function called renderMessage that will display the message using the react-alert-component. You will need to pass in a function to handle the message label translations in order to get the decorator. It looks something like this:
const Component = (props) => <div>{props.renderMessage(props.message)}</div>; // A dummy component to wrap. This component just displays the message, but it could be anything.
import alertDecorator from '@source4society/react-scepter-alert-decorator';
const labels = (message) => message; // create your labels function. This example does not perform any translation of the messages
const withAlert = alertDecorator(labels);
export default compose(withAlert)(Component);