fix: add onMouseLeave event for CanvasBoard component

Gumichocopengin8 · Sep 1, 2024 · e9207e3 · e9207e3
1 parent 0234181
commit e9207e3
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/web/src/components/CanvasBoard.tsx b/web/src/components/CanvasBoard.tsx
@@ -54,7 +54,7 @@ function CanvasBoard() {
     ctx.closePath();
   };
 
-  const mouseUp = async () => {
+  const inferenceData = async () => {
     const inputCanvas = inputCanvasEle.current;
     const scaledCanvas = scaledCanvasEle.current;
     if (inputCanvas == null || scaledCanvas == null) {
@@ -154,7 +154,8 @@ function CanvasBoard() {
           onMouseEnter={drawOnCanvas}
           onMouseMove={drawOnCanvas}
           onMouseDown={setPosition}
-          onMouseUp={mouseUp}
+          onMouseUp={inferenceData}
+          onMouseLeave={inferenceData}
           ref={inputCanvasEle}
           className='input-canvas'
         />