From 144100993ad6c1e878181ef6e6c7b8c4e4957bc6 Mon Sep 17 00:00:00 2001
From: Thigazhezhilan J <thigazhezhilanj007@gmail.com>
Date: Fri, 27 Mar 2026 22:30:51 +0530
Subject: [PATCH] Disable broker dialog trigger when connected

---
 src/components/landing/BrokerConnectDialog.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/landing/BrokerConnectDialog.tsx b/src/components/landing/BrokerConnectDialog.tsx
index c90c30f0..bebf17c0 100644
--- a/src/components/landing/BrokerConnectDialog.tsx
+++ b/src/components/landing/BrokerConnectDialog.tsx
@@ -43,11 +43,6 @@ export default function BrokerConnectDialog({
   open,
   onOpenChange,
 }: BrokerConnectDialogProps) {
-  const triggerClassName = useMemo(
-    () => (layout === "mobile" ? "w-full justify-center shimmer" : "px-4 rounded-xl shimmer"),
-    [layout],
-  );
-
   const [connectOpenInternal, setConnectOpenInternal] = useState(false);
   const isControlled = open !== undefined;
   const connectOpen = isControlled ? open : connectOpenInternal;
@@ -169,8 +164,18 @@ export default function BrokerConnectDialog({
   const connectedAt = brokerStatus?.connected_at
     ? new Date(brokerStatus.connected_at)
     : null;
+  const triggerClassName = useMemo(() => {
+    const layoutClasses =
+      layout === "mobile" ? "w-full justify-center shimmer" : "px-4 rounded-xl shimmer";
+    return connected
+      ? `${layoutClasses} disabled:opacity-100 disabled:cursor-default`
+      : layoutClasses;
+  }, [connected, layout]);
 
   const handleConnectClick = async () => {
+    if (connected) {
+      return;
+    }
     const latest = await refetchSessionUser();
     if (!latest.data) {
       setLoginPromptOpen(true);
@@ -231,6 +236,7 @@ export default function BrokerConnectDialog({
         <Button
           variant={connected ? "secondary" : "secondary"}
           className={triggerClassName}
+          disabled={connected}
           onClick={handleConnectClick}
         >
           <PlugZap className="h-4 w-4" />