Commit 6e076d4

committed

feat: add image usage for markdown component

1 parent 4f56d76 commit 6e076d4Copy full SHA for 6e076d4

File tree

+10

-3

lines changed

client/web
- plugins/com.msgbyte.mdpanel/src/group
  - MarkdownPanel.tsx
- src/components/Markdown
  - editor.tsx

+10

-3

lines changed

Lines changed: 5 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,11 @@ const MarkdownEditorRender: React.FC<{ dataMap: Record<string, string> }> =`
`42`	`42`	`}, [text]);`
`43`	`43`
`44`	`44`	`return (`
`45`		`- <MarkdownEditor value={text} onChange={(val: string) => setText(val)} />`
	`45`	`+ <MarkdownEditor`
	`46`	`+ value={text}`
	`47`	`+ onChange={(val: string) => setText(val)}`
	`48`	`+ imageUsage="group"`
	`49`	`+ />`
`46`	`50`	`);`
`47`	`51`	`});`
`48`	`52`	`MarkdownEditorRender.displayName = 'MarkdownEditorRender';`

Lines changed: 5 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import React from 'react';`
`2`	`2`	`import { Editor, EditorProps } from '@bytemd/react';`
`3`		`-import { uploadFile } from 'tailchat-shared';`
	`3`	`+import { uploadFile,UploadFileUsage } from 'tailchat-shared';`
`4`	`4`	`import { Markdown } from '../Markdown';`
`5`	`5`	`import { createRoot } from 'react-dom/client';`
`6`	`6`	`import gfm from '@bytemd/plugin-gfm';`
`@@ -20,6 +20,7 @@ const overridePreview: EditorProps['overridePreview'] = (el, props) => {`
`20`	`20`	`interface MarkdownEditorProps {`
`21`	`21`	`value: string;`
`22`	`22`	`onChange: (val: string) => void;`
	`23`	`+ imageUsage?: UploadFileUsage;`
`23`	`24`	`}`
`24`	`25`	`export const MarkdownEditor: React.FC<MarkdownEditorProps> = React.memo(`
`25`	`26`	`(props) => {`
`@@ -31,7 +32,9 @@ export const MarkdownEditor: React.FC<MarkdownEditorProps> = React.memo(`
`31`	`32`	`uploadImages={(files) => {`
`32`	`33`	`return Promise.all(`
`33`	`34`	`files.map((f) =>`
`34`		`- uploadFile(f).then((file) => {`
	`35`	`+ uploadFile(f, {`
	`36`	`+ usage: props.imageUsage \|\| 'unknown',`
	`37`	`+ }).then((file) => {`
`35`	`38`	`return {`
`36`	`39`	`url: file.url,`
`37`	`40`	`};`

Comments

(0)