Replace connected badge with disconnect button in connections panel

- 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>
This commit is contained in:
cyrus
2026-01-28 20:05:28 +05:30
co-authored by Claude
parent de3b447c90
commit 165763e79a
@@ -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