From 5018f6eb757c168e4c43a71b1d7583146476ab40 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 15 Nov 2025 04:45:55 +0000
Subject: [PATCH] Rewrite OAuthConnections - remove pointer-events workarounds

cgen-4befa941c9234c0f8aa8d799bd66dc12
---
 client/components/settings/OAuthConnections.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/components/settings/OAuthConnections.tsx b/client/components/settings/OAuthConnections.tsx
index f8f059f9..53fc2b6b 100644
--- a/client/components/settings/OAuthConnections.tsx
+++ b/client/components/settings/OAuthConnections.tsx
@@ -56,7 +56,7 @@ const OAuthConnections = memo(function OAuthConnections({
   onUnlink,
 }: OAuthConnectionsProps) {
   return (
-    <div className="space-y-4 pointer-events-auto" aria-live="polite">
+    <div className="space-y-4" aria-live="polite">
       {providers.map((providerConfig) => {
         const { provider, name, description, Icon, gradient } = providerConfig;
         const linkedMeta = linkedProviderMap[provider];
@@ -81,7 +81,7 @@ const OAuthConnections = memo(function OAuthConnections({
           <section
             key={provider}
             className={cn(
-              "flex flex-col gap-4 rounded-xl border p-4 md:flex-row md:items-center md:justify-between pointer-events-auto cursor-default",
+              "flex flex-col gap-4 rounded-xl border p-4 md:flex-row md:items-center md:justify-between",
               linkedMeta
                 ? "border-emerald-500/40 bg-emerald-500/5"
                 : "border-border/50 bg-background/20",
@@ -134,11 +134,11 @@ const OAuthConnections = memo(function OAuthConnections({
                 )}
               </div>
             </div>
-            <div className="flex items-center gap-3 md:self-center pointer-events-auto">
+            <div className="flex items-center gap-3 md:self-center">
               {linkedMeta ? (
                 <Button
                   variant="outline"
-                  className="flex items-center gap-2 pointer-events-auto cursor-pointer"
+                  className="flex items-center gap-2"
                   disabled={isUnlinking}
                   onClick={() => onUnlink(provider)}
                   type="button"
@@ -155,7 +155,7 @@ const OAuthConnections = memo(function OAuthConnections({
                 </Button>
               ) : (
                 <Button
-                  className="flex items-center gap-2 bg-aethex-500 hover:bg-aethex-600 pointer-events-auto cursor-pointer"
+                  className="flex items-center gap-2 bg-aethex-500 hover:bg-aethex-600"
                   disabled={isLinking}
                   onClick={() => onLink(provider)}
                   type="button"