From 45059554b6758ece73ba5d6583ac949148f7cdfe Mon Sep 17 00:00:00 2001
From: Hariom Balhara <hariombalhara@gmail.com>
Date: Wed, 14 Sep 2022 15:40:52 +0530
Subject: [PATCH] Fix deletion of route (#4466)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 .../pages/route-builder/[...appPages].tsx         | 15 ++++-----------
 packages/ui/v2/core/form/FormCard.tsx             |  1 +
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx b/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
index 2a6d2ebb4e..7d951d494d 100644
--- a/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
+++ b/packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
@@ -193,17 +193,10 @@ const Route = ({
       label={route.isFallback ? "Fallback Route" : `Route ${index + 1}`}
       deleteField={{
         check: () => routes.length !== 1 && !route.isFallback,
-        fn: () => (
-          <button className="ml-5" type="button">
-            <Icon.FiTrash
-              className="m-0 h-4 w-4 text-neutral-500"
-              onClick={() => {
-                const newRoutes = routes.filter((r) => r.id !== route.id);
-                setRoutes(newRoutes);
-              }}
-            />
-          </button>
-        ),
+        fn: () => {
+          const newRoutes = routes.filter((r) => r.id !== route.id);
+          setRoutes(newRoutes);
+        },
       }}>
       <div className="-mx-4 mb-4 flex w-full items-center sm:mx-0">
         <div className="cal-query-builder w-full ">
diff --git a/packages/ui/v2/core/form/FormCard.tsx b/packages/ui/v2/core/form/FormCard.tsx
index 6d1a44a4a0..630e695ea3 100644
--- a/packages/ui/v2/core/form/FormCard.tsx
+++ b/packages/ui/v2/core/form/FormCard.tsx
@@ -46,6 +46,7 @@ export default function FormCard({
         <span className="text-sm font-semibold leading-none">{label}</span>
         {deleteField?.check() ? (
           <button
+            type="button"
             onClick={() => {
               deleteField?.fn();
             }}