overleaf/services/web/frontend/stories/pdf-preview-messages.stories.js

28 lines
849 B
JavaScript
Raw Normal View History

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>
)
}