overleaf/services/web/frontend/stories/pdf-preview-messages.stories.tsx
Antoine Clausse 4a8b79080b [storybook] Update Storybook and add a control for BS3/BS5 (#20948)
* [storybook] Update Storybook to version 8.3.5

* [storybook] Run storybook with `--no-open`. Fixes xdg-utils issue

* [storybook] Create decorator for BS3/BS5

* [storybook] Add `bsVersionDecorator` to stories

* [storybook] Fix bugs in stories

* [storybook] Fixup `useMeta` type. Use `DeepPartial`

* [storybook] Fix types

GitOrigin-RevId: 48c0f0fefb1ab2d4863ab59051b900b1908a613c
2024-10-14 11:07:40 +00:00

29 lines
951 B
TypeScript

import { ScopeDecorator } from './decorators/scope'
import { PdfPreviewMessages } from '@/features/pdf-preview/components/pdf-preview-messages'
import { CompileTimeWarningUpgradePromptInner } from '@/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner'
import { bsVersionDecorator } from '../../.storybook/utils/with-bootstrap-switcher'
export default {
title: 'Editor / PDF Preview / Messages',
component: PdfPreviewMessages,
argTypes: {
...bsVersionDecorator.argTypes,
},
decorators: [
ScopeDecorator,
(Story: any) => (
<div style={{ width: 800, position: 'relative' }}>
<PdfPreviewMessages>
<Story />
</PdfPreviewMessages>
</div>
),
],
}
export const CompileTimeoutWarningActive = (args: any) => {
return <CompileTimeWarningUpgradePromptInner {...args} />
}
CompileTimeoutWarningActive.argTypes = {
handleDismissWarning: { action: 'dismiss warning' },
}