mirror of
https://github.com/tinyhumansai/openhuman.git
synced 2026-07-28 13:32:23 +00:00
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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user