diff --git a/src/components/Editor/Editor.stories.tsx b/src/components/Editor/Editor.stories.tsx index a97727a3..d8e31abd 100644 --- a/src/components/Editor/Editor.stories.tsx +++ b/src/components/Editor/Editor.stories.tsx @@ -6,7 +6,7 @@ import { EditorContext, EditorContextType, ShoutForm } from '~/context/editor' import { LocalizeContext, LocalizeContextType } from '~/context/localize' import { SessionContext, SessionContextType } from '~/context/session' import { SnackbarContext, SnackbarContextType } from '~/context/ui' -import { EditorComponent } from './Editor' +import { EditorComponent, EditorComponentProps } from './Editor' // Mock any necessary data const mockSession = { @@ -125,8 +125,8 @@ export default meta type Story = StoryObj export const Default: Story = { - render: (args) => { - const [_content, setContent] = createSignal(args.initialContent || '') + render: (props: EditorComponentProps) => { + const [_content, setContent] = createSignal(props.initialContent || '') return ( @@ -134,9 +134,9 @@ export const Default: Story = { { - args.onChange(text) + props.onChange(text) setContent(text) }} /> diff --git a/src/components/Editor/Editor.tsx b/src/components/Editor/Editor.tsx index 6bf4d1d9..71fe5613 100644 --- a/src/components/Editor/Editor.tsx +++ b/src/components/Editor/Editor.tsx @@ -51,7 +51,7 @@ import { renderUploadedImage } from './renderUploadedImage' import './Prosemirror.scss' -type Props = { +export type EditorComponentProps = { shoutId: number initialContent?: string onChange: (text: string) => void @@ -72,7 +72,7 @@ const allowedImageTypes = new Set([ const yDocs: Record = {} const providers: Record = {} -export const EditorComponent = (props: Props) => { +export const EditorComponent = (props: EditorComponentProps) => { const { t } = useLocalize() const { session } = useSession() const author = createMemo(() => session()?.user?.app_data?.profile as Author)