fix: remove duplicate color dot from connection selector trigger

SelectValue already renders the color dot from the selected item,
so the explicit one in the trigger was redundant.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-11 21:44:01 +03:00
parent 106e2497df
commit c0a108a132

View File

@@ -22,23 +22,13 @@ export function ConnectionSelector() {
);
}
const activeConn = connectedList.find((c) => c.id === activeConnectionId);
return (
<Select
value={activeConnectionId ?? undefined}
onValueChange={setActiveConnectionId}
>
<SelectTrigger className="h-7 w-[200px] text-xs">
<div className="flex items-center gap-1.5">
{activeConn?.color && (
<span
className="h-2.5 w-2.5 shrink-0 rounded-full"
style={{ backgroundColor: activeConn.color }}
/>
)}
<SelectValue placeholder="Select connection" />
</div>
<SelectValue placeholder="Select connection" />
</SelectTrigger>
<SelectContent>
{connectedList.map((conn) => (