From 1319ca648cdadc3ff2e7fb99d98ec72e4512ab30 Mon Sep 17 00:00:00 2001
From: harshsbhat <harsh121102@gmail.com>
Date: Fri, 18 Jul 2025 10:11:12 +0530
Subject: [PATCH] delete integration button

---
 .../notion/components/ManageIntegration.tsx          | 10 ++++++----
 .../plain/components/ManageIntegration.tsx           | 12 +++++++-----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/ManageIntegration.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/ManageIntegration.tsx
index 2fe3e4c67c..b6d1866d1b 100644
--- a/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/ManageIntegration.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/ManageIntegration.tsx
@@ -115,10 +115,12 @@ export const ManageIntegration = ({
         onRowClick={editIntegration}
         getRowKey={(item: TIntegrationNotionConfigData, idx) => `${idx}-${item.databaseId}`}
       />
-      <Button variant="ghost" onClick={() => setIsDeleteIntegrationModalOpen(true)} className="mt-4">
-        <Trash2Icon />
-        {t("environments.integrations.delete_integration")}
-      </Button>
+      <div className="mt-4 flex justify-center">
+        <Button variant="ghost" onClick={() => setIsDeleteIntegrationModalOpen(true)}>
+          <Trash2Icon />
+          {t("environments.integrations.delete_integration")}
+        </Button>
+      </div>
 
       <DeleteDialog
         open={isDeleteIntegrationModalOpen}
diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/plain/components/ManageIntegration.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/plain/components/ManageIntegration.tsx
index 267bfe866c..eeec037b0d 100644
--- a/apps/web/app/(app)/environments/[environmentId]/integrations/plain/components/ManageIntegration.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/integrations/plain/components/ManageIntegration.tsx
@@ -100,7 +100,7 @@ export const ManageIntegration = ({
             render: (item: TIntegrationPlainConfigData) => item.surveyName,
           },
           {
-            header: t("environments.integrations.plain.survey_id"),
+            header: t("common.survey_id"),
             render: (item: TIntegrationPlainConfigData) => item.surveyId,
           },
           {
@@ -111,10 +111,12 @@ export const ManageIntegration = ({
         onRowClick={editIntegration}
         getRowKey={(item: TIntegrationPlainConfigData, idx) => `${idx}-${item.surveyId}`}
       />
-      <Button variant="ghost" onClick={() => setIsDeleteIntegrationModalOpen(true)} className="mt-4">
-        <Trash2Icon />
-        {t("environments.integrations.delete_integration")}
-      </Button>
+      <div className="mt-4 flex justify-center">
+        <Button variant="ghost" onClick={() => setIsDeleteIntegrationModalOpen(true)}>
+          <Trash2Icon />
+          {t("environments.integrations.delete_integration")}
+        </Button>
+      </div>
 
       <AddKeyModal environmentId={environment.id} open={isKeyModalOpen} setOpen={setIsKeyModalOpen} />