chore: disable editor when loading

1 year ago · 9912b5037d
parent bca56bfaad
commit 9912b5037d
1 changed files with 8 additions and 0 deletions
--- a/src/components/image-editor/index.tsx
+++ b/src/components/image-editor/index.tsx
@ -494,6 +494,14 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
    };
  }, []);

+  useEffect(() => {
+    if (disabled) {
+      overlayCanvasRef.current!.style.pointerEvents = 'none';
+    } else {
+      overlayCanvasRef.current!.style.pointerEvents = 'auto';
+    }
+  }, [disabled]);
+
  return (
    <div className="editor-wrapper">
      <div className="flex-between">