aevgarik/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #551 from mvanhorn/osc/272-fix-comment-image-attachments

Browse Source 
fix: embed uploaded images inline in comments via paperclip button
This commit is contained in:
Dotta
2026-03-21 11:16:49 -05:00
committed by GitHub
parent e3e7a92c77 2ba0f5914f
commit 5bf6fd1270
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/components/CommentThread.tsx
View File

@@ -377,10 +377,17 @@ export function CommentThread({
async function handleAttachFile(evt: ChangeEvent<HTMLInputElement>) { async function handleAttachFile(evt: ChangeEvent<HTMLInputElement>) {
const file = evt.target.files?.[0]; const file = evt.target.files?.[0];
if (!file || !onAttachImage) return; if (!file) return;
setAttaching(true); setAttaching(true);
try { try {
await onAttachImage(file); if (imageUploadHandler) {
const url = await imageUploadHandler(file);
const safeName = file.name.replace(/[[\]]/g, "\\$&");
const markdown = `![${safeName}](${url})`;
setBody((prev) => prev ? `${prev}\n\n${markdown}` : markdown);
} else if (onAttachImage) {
await onAttachImage(file);
}
} finally { } finally {
setAttaching(false); setAttaching(false);
if (attachInputRef.current) attachInputRef.current.value = ""; if (attachInputRef.current) attachInputRef.current.value = "";
@@ -415,7 +422,7 @@ export function CommentThread({
contentClassName="min-h-[60px] text-sm" contentClassName="min-h-[60px] text-sm"
/> />
<div className="flex items-center justify-end gap-3"> <div className="flex items-center justify-end gap-3">
{onAttachImage && ( {(imageUploadHandler || onAttachImage) && (
<div className="mr-auto flex items-center gap-3"> <div className="mr-auto flex items-center gap-3">
<input <input
ref={attachInputRef} ref={attachInputRef}