FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-22 19:15:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve code

Browse Source
This commit is contained in:
denis0001-dev
2025-09-03 17:18:03 +03:00
Unverified
parent 82e8a46c6a
commit 76e3c9a52c
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/components/profile/ImageCropper.tsx
+5 -5
View File
@@ -40,7 +40,7 @@ export function ImageCropper({ onCrop, onCancel, imageFile }: ImageCropperProps)
reader.readAsDataURL(imageFile); reader.readAsDataURL(imageFile);
}, [imageFile]); }, [imageFile]);
const handleMouseDown = (e: React.MouseEvent) => { function handleMouseDown(e: React.MouseEvent) {
if (!isLoaded) return; if (!isLoaded) return;
const rect = canvasRef.current?.getBoundingClientRect(); const rect = canvasRef.current?.getBoundingClientRect();
@@ -57,7 +57,7 @@ export function ImageCropper({ onCrop, onCancel, imageFile }: ImageCropperProps)
} }
}; };
const handleMouseMove = (e: React.MouseEvent) => { function handleMouseMove(e: React.MouseEvent) {
if (!isDragging || !isLoaded) return; if (!isDragging || !isLoaded) return;
const rect = canvasRef.current?.getBoundingClientRect(); const rect = canvasRef.current?.getBoundingClientRect();
@@ -72,11 +72,11 @@ export function ImageCropper({ onCrop, onCancel, imageFile }: ImageCropperProps)
setCropArea(prev => ({ ...prev, x: newX, y: newY })); setCropArea(prev => ({ ...prev, x: newX, y: newY }));
}; };
const handleMouseUp = () => { function handleMouseUp() {
setIsDragging(false); setIsDragging(false);
}; };
const handleCrop = () => { function handleCrop() {
if (!canvasRef.current || !imageRef.current || !isLoaded) return; if (!canvasRef.current || !imageRef.current || !isLoaded) return;
const canvas = canvasRef.current; const canvas = canvasRef.current;
@@ -99,7 +99,7 @@ export function ImageCropper({ onCrop, onCancel, imageFile }: ImageCropperProps)
onCrop(croppedImageData); onCrop(croppedImageData);
}; };
const drawCropArea = () => { function drawCropArea() {
if (!canvasRef.current || !imageRef.current || !isLoaded) return; if (!canvasRef.current || !imageRef.current || !isLoaded) return;
const canvas = canvasRef.current; const canvas = canvasRef.current;