diff --git a/src/components/image-editor/index.tsx b/src/components/image-editor/index.tsx index f025cc18..c960642c 100644 --- a/src/components/image-editor/index.tsx +++ b/src/components/image-editor/index.tsx @@ -1,3 +1,4 @@ +import { KeyMap } from '@/config/hotkeys'; import { ClearOutlined, CloseOutlined, @@ -787,6 +788,19 @@ const CanvasImageEditor: React.FC = ({ }; }, []); + const handleDeleteMask = () => { + clearUploadMask?.(); + setInvertMask(false); + redrawStrokes(strokesRef.current); + }; + + useEffect(() => { + if (maskUpload?.length) { + // clear the overlay canvas + clearOverlayCanvas(); + } + }, [maskUpload]); + return (
@@ -812,7 +826,7 @@ const CanvasImageEditor: React.FC = ({ vertical={false} defaultValue={lineWidth} min={10} - max={60} + max={100} onChange={handleBrushSizeChange} />
@@ -822,7 +836,16 @@ const CanvasImageEditor: React.FC = ({ - + + [{KeyMap.UNDO.textKeybinding}] + + {intl.formatMessage({ id: 'common.button.undo' })} + + + } + >