From f3d08949be3668265151cd66e31bcf9e39ef7d4f Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Thu, 31 Jul 2025 23:15:57 +0530
Subject: [PATCH] feat: add rm integration option sheet selection

---
 .../integration/IntegrationSettings.tsx       | 52 +++++++++++++------
 1 file changed, 36 insertions(+), 16 deletions(-)

diff --git a/src/components/integration/IntegrationSettings.tsx b/src/components/integration/IntegrationSettings.tsx
index cf550443..6d0b892c 100644
--- a/src/components/integration/IntegrationSettings.tsx
+++ b/src/components/integration/IntegrationSettings.tsx
@@ -815,14 +815,24 @@ export const IntegrationSettingsModal = ({
                     ) : error ? (
                       <Typography color="error">{error}</Typography>
                     ) : spreadsheets.length === 0 ? (
-                      <Button
-                        variant="outlined"
-                        color="primary"
-                        onClick={fetchSpreadsheetFiles}
-                        disabled={loading}
-                      >
-                        {t("integration_settings.google.buttons.fetch_sheets")}
-                      </Button>
+                      <Box sx={{ display: "flex", gap: "15px", alignItems: "center", marginBottom: "20px" }}>
+                        <Button
+                          variant="outlined"
+                          color="primary"
+                          onClick={fetchSpreadsheetFiles}
+                          disabled={loading}
+                        >
+                          {t("integration_settings.google.buttons.fetch_sheets")}
+                        </Button>
+                        <Button
+                          variant="outlined"
+                          color="error"
+                          onClick={removeGoogleSheetsIntegration}
+                          disabled={loading}
+                        >
+                          {loading ? <CircularProgress size={24} /> : t("integration_settings.google.buttons.remove_integration")}
+                        </Button>
+                      </Box>
                     ) : (
                       <>
                         <TextField
@@ -915,14 +925,24 @@ export const IntegrationSettingsModal = ({
                     ) : error ? (
                       <Typography color="error">{error}</Typography>
                     ) : airtableBases.length === 0 ? (
-                      <Button
-                        variant="outlined"
-                        color="primary"
-                        onClick={fetchAirtableBases}
-                        disabled={loading}
-                      >
-                        {t("integration_settings.airtable.buttons.fetch_bases")}
-                      </Button>
+                      <Box sx={{ display: "flex", gap: "15px", alignItems: "center", marginBottom: "20px" }}>
+                        <Button
+                          variant="outlined"
+                          color="primary"
+                          onClick={fetchAirtableBases}
+                          disabled={loading}
+                        >
+                          {t("integration_settings.airtable.buttons.fetch_bases")}
+                        </Button>
+                        <Button
+                          variant="outlined"
+                          color="error"
+                          onClick={removeAirtableIntegration}
+                          disabled={loading}
+                        >
+                          {loading ? <CircularProgress size={24} /> : t("integration_settings.airtable.buttons.remove_integration")}
+                        </Button>
+                      </Box>
                     ) : (
                       <>
                         <TextField