diff --git a/src/components/DrawPDFFields/index.tsx b/src/components/DrawPDFFields/index.tsx index 09c7d8f..687b7e3 100644 --- a/src/components/DrawPDFFields/index.tsx +++ b/src/components/DrawPDFFields/index.tsx @@ -22,6 +22,11 @@ import { AvatarIconButton } from '../UserAvatarIconButton' import { UserAvatar } from '../UserAvatar' import _ from 'lodash' +const MINIMUM_RECT_SIZE = { + width: 21, + height: 21 +} as const + const DEFAULT_START_SIZE = { width: 140, height: 40 @@ -91,6 +96,7 @@ export const DrawPDFFields = (props: Props) => { window.removeEventListener('pointerup', handlePointerUp) window.removeEventListener('pointercancel', handlePointerUp) } + // eslint-disable-next-line react-hooks/exhaustive-deps }, []) const refreshPdfFiles = () => { @@ -149,6 +155,18 @@ export const DrawPDFFields = (props: Props) => { * @param event Pointer event */ const handlePointerUp = () => { + sigitFiles.forEach((s) => { + s.pages?.forEach((p) => { + // Remove small rects (accidentaly created) + p.drawnFields = p.drawnFields.filter( + (f) => + !( + f.width < MINIMUM_RECT_SIZE.width || + f.height < MINIMUM_RECT_SIZE.height + ) + ) + }) + }) setMouseState((prev) => { return { ...prev, @@ -157,6 +175,7 @@ export const DrawPDFFields = (props: Props) => { resizing: false } }) + refreshPdfFiles() } /**