From 6b747b0eb479ebb60126ff030cb04857eb4436bb Mon Sep 17 00:00:00 2001
From: Timur Ercan <timur.ercan31@gmail.com>
Date: Wed, 15 Feb 2023 13:28:29 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20delete=20UX?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/components/editor/pdf-editor.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/components/editor/pdf-editor.tsx b/apps/web/components/editor/pdf-editor.tsx
index 78052a0b3..cbd3552d8 100644
--- a/apps/web/components/editor/pdf-editor.tsx
+++ b/apps/web/components/editor/pdf-editor.tsx
@@ -33,11 +33,12 @@ export default function PDFEditor(props: any) {
     const fieldIndex = fields.map((item) => item.id).indexOf(id);
     console.log(fieldIndex);
     if (fieldIndex > -1) {
-      const newFields = [...fields];
-      newFields.splice(fieldIndex, 1);
-
-      setFields(newFields);
-      deleteField(field);
+      const fieldWithoutRemoved = [...fields];
+      const removedField = fieldWithoutRemoved.splice(fieldIndex, 1);
+      setFields(fieldWithoutRemoved);
+      deleteField(field).catch((err) => {
+        setFields(fieldWithoutRemoved.concat(removedField));
+      });
     }
   }
 
@@ -135,7 +136,7 @@ async function deleteField(field: any) {
   }
 
   try {
-    const deleted = await toast.promise(
+    const deleted = toast.promise(
       fetch("/api/documents/" + 0 + "/fields/" + field.id, {
         method: "DELETE",
         headers: {