discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

editor-storybook-fix

Browse Source
This commit is contained in:
Untone 2024-09-16 03:09:07 +03:00
parent 5eded9f143
commit 74725df0ff
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Editor/Editor.stories.tsx
View File

@ -6,7 +6,7 @@ import { EditorContext, EditorContextType, ShoutForm } from '~/context/editor'
import { LocalizeContext, LocalizeContextType } from '~/context/localize' import { LocalizeContext, LocalizeContextType } from '~/context/localize'
import { SessionContext, SessionContextType } from '~/context/session' import { SessionContext, SessionContextType } from '~/context/session'
import { SnackbarContext, SnackbarContextType } from '~/context/ui' import { SnackbarContext, SnackbarContextType } from '~/context/ui'
import { EditorComponent } from './Editor' import { EditorComponent, EditorComponentProps } from './Editor'
// Mock any necessary data // Mock any necessary data
const mockSession = { const mockSession = {
@ -125,8 +125,8 @@ export default meta
type Story = StoryObj<typeof EditorComponent> type Story = StoryObj<typeof EditorComponent>
export const Default: Story = { export const Default: Story = {
render: (args) => { render: (props: EditorComponentProps) => {
const [_content, setContent] = createSignal(args.initialContent || '') const [_content, setContent] = createSignal(props.initialContent || '')
return ( return (
<SessionContext.Provider value={mockSession as SessionContextType}> <SessionContext.Provider value={mockSession as SessionContextType}>
@ -134,9 +134,9 @@ export const Default: Story = {
<SnackbarContext.Provider value={mockSnackbarContext as SnackbarContextType}> <SnackbarContext.Provider value={mockSnackbarContext as SnackbarContextType}>
<EditorContext.Provider value={mockEditorContext as EditorContextType}> <EditorContext.Provider value={mockEditorContext as EditorContextType}>
<EditorComponent <EditorComponent
{...args} {...props}
onChange={(text: string) => { onChange={(text: string) => {
args.onChange(text) props.onChange(text)
setContent(text) setContent(text)
}} }}
/> />

4
src/components/Editor/Editor.tsx
View File

@ -51,7 +51,7 @@ import { renderUploadedImage } from './renderUploadedImage'
import './Prosemirror.scss' import './Prosemirror.scss'
type Props = { export type EditorComponentProps = {
shoutId: number shoutId: number
initialContent?: string initialContent?: string
onChange: (text: string) => void onChange: (text: string) => void
@ -72,7 +72,7 @@ const allowedImageTypes = new Set([
const yDocs: Record<string, Doc> = {} const yDocs: Record<string, Doc> = {}
const providers: Record<string, HocuspocusProvider> = {} const providers: Record<string, HocuspocusProvider> = {}
export const EditorComponent = (props: Props) => { export const EditorComponent = (props: EditorComponentProps) => {
const { t } = useLocalize() const { t } = useLocalize()
const { session } = useSession() const { session } = useSession()
const author = createMemo<Author>(() => session()?.user?.app_data?.profile as Author) const author = createMemo<Author>(() => session()?.user?.app_data?.profile as Author)