diff --git a/src/components/CanvasBackground/CanvasBackground.tsx b/src/components/CanvasBackground/CanvasBackground.tsx index cf92543..8579a67 100644 --- a/src/components/CanvasBackground/CanvasBackground.tsx +++ b/src/components/CanvasBackground/CanvasBackground.tsx @@ -61,7 +61,9 @@ export const CanvasBackground: React.FunctionComponent< fileImage: files[0], }); if (dragAndDropContainer.current) { - dragAndDropContainer.current.children[0].classList.remove("border-success"); + dragAndDropContainer.current.children[0].classList.remove( + "border-success" + ); } }, [canvasBackgroundValues, setCanvasBackgroundValues] @@ -77,7 +79,9 @@ export const CanvasBackground: React.FunctionComponent< const handleDragLeave = useCallback((e: React.DragEvent) => { e.preventDefault(); if (dragAndDropContainer.current) { - dragAndDropContainer.current.children[0].classList.remove("border-success"); + dragAndDropContainer.current.children[0].classList.remove( + "border-success" + ); } }, []); diff --git a/src/components/CanvasIcon/CanvasIcon.tsx b/src/components/CanvasIcon/CanvasIcon.tsx index 70e7a3b..be3733d 100644 --- a/src/components/CanvasIcon/CanvasIcon.tsx +++ b/src/components/CanvasIcon/CanvasIcon.tsx @@ -63,7 +63,9 @@ export const CanvasIcon: React.FunctionComponent = (props) => { const files = Array.from(e.dataTransfer.files); setCanvasIconValues({ ...canvasIconValues, fileImage: files[0] }); if (dragAndDropContainer.current) { - dragAndDropContainer.current.children[0].classList.remove("border-success"); + dragAndDropContainer.current.children[0].classList.remove( + "border-success" + ); } }, [canvasIconValues, setCanvasIconValues] @@ -79,7 +81,9 @@ export const CanvasIcon: React.FunctionComponent = (props) => { const handleDragLeave = useCallback((e: React.DragEvent) => { e.preventDefault(); if (dragAndDropContainer.current) { - dragAndDropContainer.current.children[0].classList.remove("border-success"); + dragAndDropContainer.current.children[0].classList.remove( + "border-success" + ); } }, []);