From 70b8a38b956a59921971e768c109e6d36c3d1d06 Mon Sep 17 00:00:00 2001
From: Ujwal Kumar <ujwalkumar95@gmail.com>
Date: Sat, 1 Jul 2023 01:26:06 +0530
Subject: [PATCH] fix: modal width while removing installed apps (#9865)

---
 .../components/DisconnectIntegrationModal.tsx | 32 +++++++------------
 1 file changed, 12 insertions(+), 20 deletions(-)

diff --git a/packages/features/apps/components/DisconnectIntegrationModal.tsx b/packages/features/apps/components/DisconnectIntegrationModal.tsx
index 46109c0a5e..fe7d24bdb4 100644
--- a/packages/features/apps/components/DisconnectIntegrationModal.tsx
+++ b/packages/features/apps/components/DisconnectIntegrationModal.tsx
@@ -1,7 +1,6 @@
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
-import { Dialog, DialogContent, showToast, DialogFooter, DialogClose } from "@calcom/ui";
-import { AlertCircle } from "@calcom/ui/components/icon";
+import { Dialog, showToast, ConfirmationDialogContent } from "@calcom/ui";
 
 interface DisconnectIntegrationModalProps {
   credentialId: number | null;
@@ -32,24 +31,17 @@ export default function DisconnectIntegrationModal({
 
   return (
     <Dialog open={isOpen} onOpenChange={handleModelClose}>
-      <DialogContent
-        title={t("remove_app")}
-        description={t("are_you_sure_you_want_to_remove_this_app")}
-        type="confirmation"
-        Icon={AlertCircle}>
-        <DialogFooter>
-          <DialogClose onClick={handleModelClose} />
-          <DialogClose
-            color="primary"
-            onClick={() => {
-              if (credentialId) {
-                mutation.mutate({ id: credentialId });
-              }
-            }}>
-            {t("yes_remove_app")}
-          </DialogClose>
-        </DialogFooter>
-      </DialogContent>
+       <ConfirmationDialogContent
+          variety="danger"
+          title={t("remove_app")}
+          confirmBtnText={t("yes_remove_app")}
+          onConfirm={() => {
+            if (credentialId) {
+              mutation.mutate({ id: credentialId });
+            }
+          }}>
+          <p className="mt-5">{t("are_you_sure_you_want_to_remove_this_app")}</p>
+        </ConfirmationDialogContent>
     </Dialog>
   );
 }