Skip to content

Commit 22803ef

Browse files
committed
fix: sync Upload UI with editImageFiles in NewApiPage
Resolved issue where Upload component UI was not synchronized with editImageFiles state in NewApiPage. Switched to controlled fileList and handled file removal via onRemove to ensure consistent UI updates.
1 parent fb45d94 commit 22803ef

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

src/renderer/src/pages/paintings/NewApiPage.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -553,7 +553,18 @@ const NewApiPage: FC<{ Options: string[] }> = ({ Options }) => {
553553
maxCount={16}
554554
showUploadList={true}
555555
listType="picture"
556-
beforeUpload={handleImageUpload}>
556+
beforeUpload={handleImageUpload}
557+
fileList={editImageFiles.map((file, idx) => ({
558+
uid: String(idx),
559+
name: file.name || `image_${idx + 1}.png`,
560+
status: 'done',
561+
url: URL.createObjectURL(file),
562+
originFileObj: file
563+
}))}
564+
onRemove={(file) => {
565+
setEditImageFiles((prev) => prev.filter((f) => f !== file.originFileObj))
566+
return true
567+
}}>
557568
<ImagePlaceholder>
558569
<ImageSizeImage src={IcImageUp} theme={theme} />
559570
</ImagePlaceholder>

0 commit comments

Comments
 (0)