overleaf/services/web/frontend/stories/pdf-preview-messages.stories.jsx
Jakob Ackermann 9daa8f5d98 Merge pull request #15040 from overleaf/jpa-js-to-jsx
[web] rename all the JSX files to .jsx/.tsx

GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
2023-09-29 08:04:29 +00:00

27 lines
849 B
JavaScript

import { ScopeDecorator } from './decorators/scope'
import { useLocalCompileContext } from '../js/shared/context/local-compile-context'
import { useEffect } from 'react'
import { PdfPreviewMessages } from '../js/features/pdf-preview/components/pdf-preview-messages'
import CompileTimeWarning from '../js/features/pdf-preview/components/compile-time-warning'
export default {
title: 'Editor / PDF Preview / Messages',
component: PdfPreviewMessages,
decorators: [ScopeDecorator],
}
export const Dismissible = () => {
const { setShowCompileTimeWarning } = useLocalCompileContext()
useEffect(() => {
setShowCompileTimeWarning(true)
}, [setShowCompileTimeWarning])
return (
<div style={{ width: 800, position: 'relative' }}>
<PdfPreviewMessages>
<CompileTimeWarning />
</PdfPreviewMessages>
</div>
)
}