From 3b52af56e091ced85987e80a60654a31f20286b6 Mon Sep 17 00:00:00 2001
From: wangsijie <wangsijie94@gmail.com>
Date: Tue, 29 Nov 2022 14:53:29 +0800
Subject: [PATCH] refactor: rename existing connectors

---
 .../Connectors/components/CreateForm/index.tsx    | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/console/src/pages/Connectors/components/CreateForm/index.tsx b/packages/console/src/pages/Connectors/components/CreateForm/index.tsx
index d01855f48..50848092b 100644
--- a/packages/console/src/pages/Connectors/components/CreateForm/index.tsx
+++ b/packages/console/src/pages/Connectors/components/CreateForm/index.tsx
@@ -24,20 +24,21 @@ type Props = {
 };
 
 const CreateForm = ({ onClose, isOpen: isFormOpen, type }: Props) => {
-  const { data: connectors, error: connectorsError } = useSWR<ConnectorResponse[], RequestError>(
-    '/api/connectors'
-  );
+  const { data: existingConnectors, error: connectorsError } = useSWR<
+    ConnectorResponse[],
+    RequestError
+  >('/api/connectors');
   const { data: factories, error: factoriesError } = useSWR<
     ConnectorFactoryResponse[],
     RequestError
   >('/api/connector-factories');
-  const isLoading = !factories && !connectors && !connectorsError && !factoriesError;
+  const isLoading = !factories && !existingConnectors && !connectorsError && !factoriesError;
   const [activeGroupId, setActiveGroupId] = useState<string>();
   const [activeFactoryId, setActiveFactoryId] = useState<string>();
   const [isGetStartedModalOpen, setIsGetStartedModalOpen] = useState(false);
 
   const groups = useMemo(() => {
-    if (!factories || !connectors) {
+    if (!factories || !existingConnectors) {
       return [];
     }
 
@@ -49,10 +50,10 @@ const CreateForm = ({ onClose, isOpen: isFormOpen, type }: Props) => {
       ...group,
       connectors: group.connectors.map((connector) => ({
         ...connector,
-        added: connectors.some(({ connectorId }) => connector.id === connectorId),
+        added: existingConnectors.some(({ connectorId }) => connector.id === connectorId),
       })),
     }));
-  }, [factories, type, connectors]);
+  }, [factories, type, existingConnectors]);
 
   const activeGroup = useMemo(
     () => groups.find(({ id }) => id === activeGroupId),