fix(create): remove small drawn fields

Closes #234

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()
   }
 
   /**