diff --git a/client/web/plugins/com.msgbyte.mdpanel/src/group/MarkdownPanel.tsx b/client/web/plugins/com.msgbyte.mdpanel/src/group/MarkdownPanel.tsx index 65826ec3..6c1744fc 100644 --- a/client/web/plugins/com.msgbyte.mdpanel/src/group/MarkdownPanel.tsx +++ b/client/web/plugins/com.msgbyte.mdpanel/src/group/MarkdownPanel.tsx @@ -42,7 +42,11 @@ const MarkdownEditorRender: React.FC<{ dataMap: Record }> = }, [text]); return ( - setText(val)} /> + setText(val)} + imageUsage="group" + /> ); }); MarkdownEditorRender.displayName = 'MarkdownEditorRender'; diff --git a/client/web/src/components/Markdown/editor.tsx b/client/web/src/components/Markdown/editor.tsx index bca20fc5..3375ad9e 100644 --- a/client/web/src/components/Markdown/editor.tsx +++ b/client/web/src/components/Markdown/editor.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { Editor, EditorProps } from '@bytemd/react'; -import { uploadFile } from 'tailchat-shared'; +import { uploadFile, UploadFileUsage } from 'tailchat-shared'; import { Markdown } from '../Markdown'; import { createRoot } from 'react-dom/client'; import gfm from '@bytemd/plugin-gfm'; @@ -20,6 +20,7 @@ const overridePreview: EditorProps['overridePreview'] = (el, props) => { interface MarkdownEditorProps { value: string; onChange: (val: string) => void; + imageUsage?: UploadFileUsage; } export const MarkdownEditor: React.FC = React.memo( (props) => { @@ -31,7 +32,9 @@ export const MarkdownEditor: React.FC = React.memo( uploadImages={(files) => { return Promise.all( files.map((f) => - uploadFile(f).then((file) => { + uploadFile(f, { + usage: props.imageUsage || 'unknown', + }).then((file) => { return { url: file.url, };