Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
chromed
/
wp-content
/
plugins
/
envato-elements
/
src
/
js
/
react
/
components
/
Errors
:
APIErrorMessage.stories.jsx
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
import React from 'react' import { MemoryRouter as Router } from 'react-router' import useAPIError from './useAPIError' import APIErrorProvider from './APIErrorProvider' import APIErrorMessage from './APIErrorMessage' export default { title: 'error/Global API Errors' } const TestAPIErrorWrapper = ({ children }) => { return ( <APIErrorProvider> <Router> <APIErrorMessage /> {children} </Router> </APIErrorProvider> ) } const SubscriptionError = () => { const { addError } = useAPIError() return ( <button onClick={() => { addError('invalid_subscription', 'Error Message Here') }}>Trigger "invalid_subscription"</button> ) } export const subscriptionError = () => ( <TestAPIErrorWrapper> <SubscriptionError /> </TestAPIErrorWrapper> )