From 902ad73fafa184d8f36b03d3e4b839afa724bded Mon Sep 17 00:00:00 2001
From: enes <enes@nostrdev.com>
Date: Fri, 29 Nov 2024 12:17:23 +0100
Subject: [PATCH] fix(create): remove small drawn fields

Closes #234
---
 src/components/DrawPDFFields/index.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

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