overleaf/services/web/frontend/stories/contact-us-modal.stories.js
Alf Eaton 199ab985a0 Merge pull request #7223 from overleaf/ta-storybook-organise
Reorganise Storybook Stories

GitOrigin-RevId: 91014f49f84c645f87091724f03a007b731a8ad5
2022-04-05 12:16:53 +00:00

35 lines
955 B
JavaScript

import { useState } from 'react'
import useFetchMock from './hooks/use-fetch-mock'
import ContactUsModal from '../../modules/support/frontend/js/components/contact-us-modal'
import { withContextRoot } from './utils/with-context-root'
export const Generic = () => {
const [show, setShow] = useState(true)
const handleHide = () => setShow(false)
useFetchMock(fetchMock => {
fetchMock.post('express:/support', { status: 200 }, { delay: 1000 })
})
return withContextRoot(<ContactUsModal show={show} handleHide={handleHide} />)
}
export const RequestError = args => {
useFetchMock(fetchMock => {
fetchMock.post('express:/support', { status: 404 }, { delay: 250 })
})
return withContextRoot(<ContactUsModal {...args} />)
}
export default {
title: 'Shared / Modals / Contact Us',
component: ContactUsModal,
args: {
show: true,
handleHide: () => {},
},
argTypes: {
handleHide: { action: 'close modal' },
},
}