From 735f9dee7565632438061395a976fd06ef0971b7 Mon Sep 17 00:00:00 2001
From: Rodrigo Arze Leon <rodrigo.arze@Rodrigos-Mac-mini.local>
Date: Sun, 10 Nov 2024 18:06:15 -0400
Subject: [PATCH 1/3] Prevent duplicated connections

---
 .../engine-frontend/components/AddConnectionTabContent.tsx     | 3 +++
 packages/engine-frontend/components/ConnectionPortal.tsx       | 1 +
 2 files changed, 4 insertions(+)

diff --git a/packages/engine-frontend/components/AddConnectionTabContent.tsx b/packages/engine-frontend/components/AddConnectionTabContent.tsx
index 995583c7..b6430f8b 100644
--- a/packages/engine-frontend/components/AddConnectionTabContent.tsx
+++ b/packages/engine-frontend/components/AddConnectionTabContent.tsx
@@ -5,10 +5,12 @@ interface AddConnectionTabContentProps {
   connectorConfigFilters: ConnectorConfigFilters
   refetch: () => void
   onSuccessCallback?: () => void
+  connectorNames?: string[]
 }
 
 export function AddConnectionTabContent({
   connectorConfigFilters,
+  connectorNames = [],
   refetch,
   onSuccessCallback,
 }: AddConnectionTabContentProps) {
@@ -21,6 +23,7 @@ export function AddConnectionTabContent({
       </div>
       <ConnectIntegrations
         connectorConfigFilters={connectorConfigFilters}
+        connectorNames={connectorNames}
         onEvent={(event) => {
           if (event.type === 'close') {
             refetch()
diff --git a/packages/engine-frontend/components/ConnectionPortal.tsx b/packages/engine-frontend/components/ConnectionPortal.tsx
index c0116a87..6f20b5ed 100644
--- a/packages/engine-frontend/components/ConnectionPortal.tsx
+++ b/packages/engine-frontend/components/ConnectionPortal.tsx
@@ -112,6 +112,7 @@ export function ConnectionPortal({className}: ConnectionPortalProps) {
             ) : (
               <AddConnectionTabContent
                 connectorConfigFilters={{}}
+                connectorNames={connections.map((c) => c.connectorName)}
                 refetch={listConnectionsRes.refetch}
                 onSuccessCallback={() => {
                   navigateToTab('connections')

From 1b86cfb02eb25b3f048580d3e31b8431e21e4115 Mon Sep 17 00:00:00 2001
From: Rodrigo Arze Leon <rodrigo.arze@Rodrigos-Mac-mini.local>
Date: Sun, 10 Nov 2024 18:08:58 -0400
Subject: [PATCH 2/3] Fix connect dialog button styles

---
 packages/engine-frontend/hocs/WithConnectorConnect.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/engine-frontend/hocs/WithConnectorConnect.tsx b/packages/engine-frontend/hocs/WithConnectorConnect.tsx
index 92e016d0..9ba26ff2 100644
--- a/packages/engine-frontend/hocs/WithConnectorConnect.tsx
+++ b/packages/engine-frontend/hocs/WithConnectorConnect.tsx
@@ -282,7 +282,6 @@ export const WithConnectorConnect = ({
           <Button
             disabled={connect.isLoading}
             onClick={() => formRef.current?.submit()}
-            className="bg-[#8192FF] hover:bg-[#6774CC]"
             type="submit">
             {connect.isLoading && (
               <Loader2 className="mr-2 h-4 w-4 animate-spin" />

From cda8d54f76dd303b4b488ce2806de2edca8fd23d Mon Sep 17 00:00:00 2001
From: Rodrigo Arze Leon <rodrigo.arze@Rodrigos-Mac-mini.local>
Date: Sun, 10 Nov 2024 19:27:24 -0400
Subject: [PATCH 3/3] Make tabs sticky to the top of the container

---
 packages/engine-frontend/components/ConnectionPortal.tsx | 2 +-
 packages/ui/shadcn/Tabs.tsx                              | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/engine-frontend/components/ConnectionPortal.tsx b/packages/engine-frontend/components/ConnectionPortal.tsx
index 6f20b5ed..7ae7044b 100644
--- a/packages/engine-frontend/components/ConnectionPortal.tsx
+++ b/packages/engine-frontend/components/ConnectionPortal.tsx
@@ -125,7 +125,7 @@ export function ConnectionPortal({className}: ConnectionPortalProps) {
         return (
           <div
             className={cn(
-              'flex size-full flex-col gap-4 overflow-x-hidden p-4 lg:p-8',
+              'flex size-full flex-col gap-4 overflow-x-hidden p-4 lg:p-8 lg:pt-0',
               className,
             )}>
             <Tabs
diff --git a/packages/ui/shadcn/Tabs.tsx b/packages/ui/shadcn/Tabs.tsx
index 80740fba..f6df37a4 100644
--- a/packages/ui/shadcn/Tabs.tsx
+++ b/packages/ui/shadcn/Tabs.tsx
@@ -13,6 +13,7 @@ const TabsList = React.forwardRef<
     className={cn(
       'rounded-md bg-button-foreground p-1 text-muted-foreground',
       'flex h-10 flex-row',
+      'sticky top-0 z-10',
       className,
     )}
     {...props}
@@ -47,6 +48,7 @@ const TabsContent = React.forwardRef<
     ref={ref}
     className={cn(
       'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+      'overflow-auto',
       className,
     )}
     {...props}