diff --git a/packages/editor/src/core/extensions/custom-image/components/image-block-new.tsx b/packages/editor/src/core/extensions/custom-image/components/image-block-new.tsx index c966e7f235..e9edce3c51 100644 --- a/packages/editor/src/core/extensions/custom-image/components/image-block-new.tsx +++ b/packages/editor/src/core/extensions/custom-image/components/image-block-new.tsx @@ -44,6 +44,7 @@ export type CustomImageBlockProps = { uploadFile: (file: File) => Promise; isFileUploading: boolean; initialEditorContainerWidth: number; + uploadEntity?: UploadEntity; }; const MIN_SIZE = 100; @@ -62,6 +63,7 @@ export const CustomImageBlockNew = (props: CustomImageBlockProps) => { uploadFile, initialEditorContainerWidth, updateAttributes, + uploadEntity, } = props; const { handleUploadClick, ref: internalRef } = useFileUpload(); const { draggedInside, onDrop, onDragEnter, onDragLeave } = useDropZone({ @@ -224,6 +226,14 @@ export const CustomImageBlockNew = (props: CustomImageBlockProps) => { const isRemoteImageBeingUploaded = node.attrs.width === "35%" && node.attrs.height === "auto" && !node.attrs.src; + console.log( + "uploadEntity", + !displayedSrc, + !isRemoteImageBeingUploaded, + uploadEntity?.event == "insert", + !displayedSrc || (!isRemoteImageBeingUploaded && uploadEntity?.event === "insert") + ); + return ( <>
{ )}
{/* if there is no src (remote or local), show the upload button */} - {!displayedSrc && !isRemoteImageBeingUploaded && ( -
- -
{draggedInside ? "Drop image here" : "Add an image"}
- { - localRef.current = element; - assignRef(fileInputRef, element); - assignRef(internalRef as RefType, element); - }} - hidden - type="file" - accept=".jpg,.jpeg,.png,.webp" - onChange={onFileChange} - /> -
- )} + {!displayedSrc || + (isRemoteImageBeingUploaded && uploadEntity?.event === "insert" && ( +
+ +
{draggedInside ? "Drop image here" : "Add an image"}
+ { + localRef.current = element; + assignRef(fileInputRef, element); + assignRef(internalRef as RefType, element); + }} + hidden + type="file" + accept=".jpg,.jpeg,.png,.webp" + onChange={onFileChange} + /> +
+ ))} ); };