From dd31d1c0a8fc0eee0a9f06803749c09367f30266 Mon Sep 17 00:00:00 2001
From: Gao Sun <gao@silverhand.io>
Date: Fri, 8 Jul 2022 23:01:10 +0800
Subject: [PATCH] fix(console): do not show unsaved alert after delete
 connector

---
 .../pages/ConnectorDetails/components/ConnectorContent.tsx   | 5 +++--
 packages/console/src/pages/ConnectorDetails/index.tsx        | 3 +++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/console/src/pages/ConnectorDetails/components/ConnectorContent.tsx b/packages/console/src/pages/ConnectorDetails/components/ConnectorContent.tsx
index 8b58074aa74..79b6ebad56d 100644
--- a/packages/console/src/pages/ConnectorDetails/components/ConnectorContent.tsx
+++ b/packages/console/src/pages/ConnectorDetails/components/ConnectorContent.tsx
@@ -14,11 +14,12 @@ import * as styles from '../index.module.scss';
 import SenderTester from './SenderTester';
 
 type Props = {
+  isDeleted: boolean;
   connectorData: ConnectorDTO;
   onConnectorUpdated: (connector: ConnectorDTO) => void;
 };
 
-const ConnectorContent = ({ connectorData, onConnectorUpdated }: Props) => {
+const ConnectorContent = ({ isDeleted, connectorData, onConnectorUpdated }: Props) => {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const [config, setConfig] = useState<string>();
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -116,7 +117,7 @@ const ConnectorContent = ({ connectorData, onConnectorUpdated }: Props) => {
           />
         </div>
       </div>
-      <UnsavedChangesAlertModal hasUnsavedChanges={hasUnsavedChanges} />
+      <UnsavedChangesAlertModal hasUnsavedChanges={!isDeleted && hasUnsavedChanges} />
     </>
   );
 };
diff --git a/packages/console/src/pages/ConnectorDetails/index.tsx b/packages/console/src/pages/ConnectorDetails/index.tsx
index eda8e9e8e53..3937864ea06 100644
--- a/packages/console/src/pages/ConnectorDetails/index.tsx
+++ b/packages/console/src/pages/ConnectorDetails/index.tsx
@@ -35,6 +35,7 @@ import * as styles from './index.module.scss';
 const ConnectorDetails = () => {
   const { connectorId } = useParams();
   const { mutate: mutateGlobal } = useSWRConfig();
+  const [isDeleted, setIsDeleted] = useState(false);
   const [isReadMeOpen, setIsReadMeOpen] = useState(false);
   const [isSetupOpen, setIsSetupOpen] = useState(false);
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
@@ -60,6 +61,7 @@ const ConnectorDetails = () => {
     toast.success(t('connector_details.connector_deleted'));
 
     await mutateGlobal('/api/connectors');
+    setIsDeleted(true);
 
     if (data?.type === ConnectorType.Social) {
       navigate(`/connectors/social`, { replace: true });
@@ -169,6 +171,7 @@ const ConnectorDetails = () => {
             </TabNavItem>
           </TabNav>
           <ConnectorContent
+            isDeleted={isDeleted}
             connectorData={data}
             onConnectorUpdated={(connector) => {
               void mutate(connector);