refactor: integrations component edit

RishadAlam · RishadAlam · commit f755485f5e60 · 2025-10-16T11:08:10.000+06:00
diff --git a/frontend-dev/src/components/AllIntegrations/AdvancedFormIntegration/EditAdvancedFormIntegration.jsx b/frontend-dev/src/components/AllIntegrations/AdvancedFormIntegration/EditAdvancedFormIntegration.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditAdvancedFormIntegration({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/Albato/EditAlbato.jsx b/frontend-dev/src/components/AllIntegrations/Albato/EditAlbato.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditAlbato({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/AntApps/EditAntApps.jsx b/frontend-dev/src/components/AllIntegrations/AntApps/EditAntApps.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditAntApps({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/AutomatorWP/EditAutomatorWP.jsx b/frontend-dev/src/components/AllIntegrations/AutomatorWP/EditAutomatorWP.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditAutomatorWP({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/FlowMattic/EditFlowMattic.jsx b/frontend-dev/src/components/AllIntegrations/FlowMattic/EditFlowMattic.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditFlowMattic({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/Integromat/EditIntegromat.jsx b/frontend-dev/src/components/AllIntegrations/Integromat/EditIntegromat.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -24,11 +22,8 @@ function EditIntegromat({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
+
       <div className="mt-3">
         <WebHooksIntegration
           formID={formID}
diff --git a/frontend-dev/src/components/AllIntegrations/KonnectzIT/EditKonnectzIT.jsx b/frontend-dev/src/components/AllIntegrations/KonnectzIT/EditKonnectzIT.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditKonnectzIT({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/N8n/EditN8n.jsx b/frontend-dev/src/components/AllIntegrations/N8n/EditN8n.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditN8n({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/Pabbly/EditPabbly.jsx b/frontend-dev/src/components/AllIntegrations/Pabbly/EditPabbly.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditPabbly({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/SperseIO/EditSperseIO.jsx b/frontend-dev/src/components/AllIntegrations/SperseIO/EditSperseIO.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditSperseIO({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/SureTriggers/EditSureTriggers.jsx b/frontend-dev/src/components/AllIntegrations/SureTriggers/EditSureTriggers.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditSureTriggers({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/SyncSpider/EditSyncSpider.jsx b/frontend-dev/src/components/AllIntegrations/SyncSpider/EditSyncSpider.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditSyncSpider({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/ThriveAutomator/EditThriveAutomator.jsx b/frontend-dev/src/components/AllIntegrations/ThriveAutomator/EditThriveAutomator.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditThriveAutomator({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/UncannyAutomator/EditUncannyAutomator.jsx b/frontend-dev/src/components/AllIntegrations/UncannyAutomator/EditUncannyAutomator.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,15 +23,7 @@ function EditUncannyAutomator({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg
-          setSnackbar={setSnackbar}
-        />
-      ) : (
-        <EditWebhookInteg
-          setSnackbar={setSnackbar}
-        />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
@@ -47,7 +37,17 @@ function EditUncannyAutomator({ allIntegURL }) {
 
       <WebHooksStepTwo
         edit
-        saveConfig={() => saveActionConf({ flow, setFlow, allIntegURL, conf: uncannyAutomator, edit: 1, setIsLoading, setSnackbar })}
+        saveConfig={() =>
+          saveActionConf({
+            flow,
+            setFlow,
+            allIntegURL,
+            conf: uncannyAutomator,
+            edit: 1,
+            setIsLoading,
+            setSnackbar
+          })
+        }
         isLoading={isLoading}
       />
       <br />
diff --git a/frontend-dev/src/components/AllIntegrations/WPFusion/EditWPFusion.jsx b/frontend-dev/src/components/AllIntegrations/WPFusion/EditWPFusion.jsx
@@ -5,10 +5,8 @@ import { useParams } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { $actionConf, $formFields, $newFlow } from '../../../GlobalStates'
 import SnackMsg from '../../Utilities/SnackMsg'
-import EditFormInteg from '../EditFormInteg'
-import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
-import EditWebhookInteg from '../EditWebhookInteg'
 import { saveActionConf } from '../IntegrationHelpers/IntegrationHelpers'
+import SetEditIntegComponents from '../IntegrationHelpers/SetEditIntegComponents'
 import WebHooksIntegration from '../IntegrationHelpers/WebHook/WebHooksIntegration'
 import WebHooksStepTwo from '../IntegrationHelpers/WebHook/WebHooksStepTwo'
 
@@ -25,11 +23,7 @@ function EditWPFusion({ allIntegURL }) {
   return (
     <div style={{ width: 900 }}>
       <SnackMsg snack={snack} setSnackbar={setSnackbar} />
-      {flow.triggered_entity !== 'Webhook' ? (
-        <EditFormInteg setSnackbar={setSnackbar} />
-      ) : (
-        <EditWebhookInteg setSnackbar={setSnackbar} />
-      )}
+      <SetEditIntegComponents entity={flow.triggered_entity} setSnackbar={setSnackbar} />
 
       <div className="mt-3">
         <WebHooksIntegration
diff --git a/frontend-dev/src/components/AllIntegrations/WPWebhooks/EditWPWebhooks.jsx b/frontend-dev/src/components/AllIntegrations/WPWebhooks/EditWPWebhooks.jsx
