From 165763e79abf99a2ab441e649c5169259ffdf340 Mon Sep 17 00:00:00 2001
From: cyrus <cyrus@zerolend.xyz>
Date: Wed, 28 Jan 2026 20:05:28 +0530
Subject: [PATCH] Replace connected badge with disconnect button in connections
 panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Changed connected services to show red "Disconnect" button instead of green "Connected" badge
- Provides clearer action-oriented interface for managing connections
- Green status dot already indicates connection status visually
- Maintains existing styling patterns with red disconnect theme

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/settings/panels/ConnectionsPanel.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/settings/panels/ConnectionsPanel.tsx b/src/components/settings/panels/ConnectionsPanel.tsx
index 8fb48035b..769514ff1 100644
--- a/src/components/settings/panels/ConnectionsPanel.tsx
+++ b/src/components/settings/panels/ConnectionsPanel.tsx
@@ -166,14 +166,14 @@ const ConnectionsPanel = () => {
                         </span>
                       )}
 
-                      {/* Action button for active connections */}
+                      {/* Disconnect button for connected services */}
                       {!option.comingSoon && isConnected && (
-                        <span className="px-2 py-1 text-xs font-medium rounded-full border bg-sage-500/20 text-sage-400 border-sage-500/30">
-                          Connected
+                        <span className="px-2 py-1 text-xs font-medium rounded-full border bg-red-500/20 text-red-400 border-red-500/30">
+                          Disconnect
                         </span>
                       )}
 
-                      {/* Action button for non-connected */}
+                      {/* Connect button for non-connected services */}
                       {!option.comingSoon && !isConnected && (
                         <span className="px-2 py-1 text-xs font-medium rounded-full border bg-blue-500/20 text-blue-400 border-blue-500/30">
                           Connect