From 586b3532b52cd15a7054759abc3cc2e5a6125438 Mon Sep 17 00:00:00 2001
From: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
Date: Wed, 22 Jan 2025 18:39:25 +0530
Subject: [PATCH] feat: add option to disable deleting calendar credentials for
 `CalendarSettings` atom (#18759)

---
 .../wrappers/CalendarSettingsPlatformWrapper.tsx |  3 +++
 .../SelectedCalendarsSettingsPlatformWrapper.tsx | 16 ++++++++++------
 .../examples/base/src/pages/calendars.tsx        |  2 +-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/platform/atoms/calendar-settings/wrappers/CalendarSettingsPlatformWrapper.tsx b/packages/platform/atoms/calendar-settings/wrappers/CalendarSettingsPlatformWrapper.tsx
index ad4ed1ee5e..f09343fba4 100644
--- a/packages/platform/atoms/calendar-settings/wrappers/CalendarSettingsPlatformWrapper.tsx
+++ b/packages/platform/atoms/calendar-settings/wrappers/CalendarSettingsPlatformWrapper.tsx
@@ -9,11 +9,13 @@ type CalendarSettingsPlatformWrapperProps = {
     selectedCalendarSettingsCustomClassnames?: string;
   };
   calendarRedirectUrls?: CalendarRedirectUrls;
+  allowDelete?: boolean;
 };
 
 export const CalendarSettingsPlatformWrapper = ({
   classNames,
   calendarRedirectUrls,
+  allowDelete = true,
 }: CalendarSettingsPlatformWrapperProps) => {
   return (
     <div className={classNames?.calendarSettingsCustomClassnames}>
@@ -24,6 +26,7 @@ export const CalendarSettingsPlatformWrapper = ({
       <SelectedCalendarsSettingsPlatformWrapper
         classNames={classNames?.selectedCalendarSettingsCustomClassnames}
         calendarRedirectUrls={calendarRedirectUrls}
+        allowDelete={allowDelete}
       />
     </div>
   );
diff --git a/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx b/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx
index b00f9af2de..e802008707 100644
--- a/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx
+++ b/packages/platform/atoms/selected-calendars/wrappers/SelectedCalendarsSettingsPlatformWrapper.tsx
@@ -36,11 +36,13 @@ export type CalendarRedirectUrls = {
 type SelectedCalendarsSettingsPlatformWrapperProps = {
   classNames?: string;
   calendarRedirectUrls?: CalendarRedirectUrls;
+  allowDelete?: boolean;
 };
 
 export const SelectedCalendarsSettingsPlatformWrapper = ({
   classNames = "mx-5 mb-6",
   calendarRedirectUrls,
+  allowDelete,
 }: SelectedCalendarsSettingsPlatformWrapperProps) => {
   const { t } = useLocale();
   const query = useConnectedCalendars({});
@@ -81,12 +83,14 @@ export const SelectedCalendarsSettingsPlatformWrapper = ({
                           className="border-subtle mt-4 rounded-lg border"
                           actions={
                             <div className="flex w-32 justify-end">
-                              <PlatformDisconnectIntegration
-                                credentialId={connectedCalendar.credentialId}
-                                trashIcon
-                                buttonProps={{ className: "border border-default" }}
-                                slug={connectedCalendar.integration.slug}
-                              />
+                              {allowDelete && (
+                                <PlatformDisconnectIntegration
+                                  credentialId={connectedCalendar.credentialId}
+                                  trashIcon
+                                  buttonProps={{ className: "border border-default" }}
+                                  slug={connectedCalendar.integration.slug}
+                                />
+                              )}
                             </div>
                           }>
                           <div className="border-subtle border-t">
diff --git a/packages/platform/examples/base/src/pages/calendars.tsx b/packages/platform/examples/base/src/pages/calendars.tsx
index c54f5e12cd..4aded1786b 100644
--- a/packages/platform/examples/base/src/pages/calendars.tsx
+++ b/packages/platform/examples/base/src/pages/calendars.tsx
@@ -10,7 +10,7 @@ export default function Calendars(props: { calUsername: string; calEmail: string
     <main className={`flex min-h-screen flex-col ${inter.className}`}>
       <Navbar username={props.calUsername} />
       <div>
-        <CalendarSettings />
+        <CalendarSettings allowDelete={true} />
       </div>
     </main>
   );