From cc1a73d6dd199f24583131435d048e128b8f0f43 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Tue, 19 Sep 2023 15:47:19 +0300
Subject: [PATCH] dynamically remove fields to tables

---
 src/components/rect.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/rect.jsx b/src/components/rect.jsx
index d436376..398e839 100644
--- a/src/components/rect.jsx
+++ b/src/components/rect.jsx
@@ -36,7 +36,7 @@ const Rect = (props) => {
     name: "Students",
   };
 
-  const height = fields.length * 36 + (fields.length - 1) * 2 + 40 + 2;
+  const height = fields.length * 36 + 40 + 2;
 
   return (
     <g>
@@ -114,7 +114,14 @@ const Rect = (props) => {
                       <button className="btn bg-sky-800 text-white text-xs py-1 px-2 me-2 opacity-80">
                         <IconEdit />
                       </button>
-                      <button className="btn bg-red-800 text-white text-xs py-1 px-2 opacity-80">
+                      <button
+                        className="btn bg-red-800 text-white text-xs py-1 px-2 opacity-80"
+                        onClick={(e) => {
+                          const updatedFields = [...fields];
+                          updatedFields.splice(i, 1);
+                          setFields(updatedFields);
+                        }}
+                      >
                         <IconMinus />
                       </button>
                     </div>