fix: remove redundant symbol badge, highlight symbol in label

- Remove symbol badge between input boxes (input now stays in sync)
- Change label to 'Symbol: IREN' with the symbol value in accent/pink color
This commit is contained in:
Investor Flow Build
2026-08-11 23:30:07 -04:00
parent 96ce1c9e96
commit 43786161cf
+5 -10
View File
@@ -126,10 +126,11 @@ export function ConfluencePanel() {
{/* Header */}
<div className="flex flex-wrap items-end gap-4">
<div className="flex items-end gap-2">
<div>
<label className="block text-xs text-fg-muted mb-1">Symbol</label>
<div className="relative w-48">
<div>
<label className="block text-xs text-fg-muted mb-1">
Symbol: <span className="text-accent font-medium">{symbol}</span>
</label>
<div className="relative w-48">
<SymbolAutocomplete
value={searchQuery}
onChange={setSearchQuery}
@@ -139,13 +140,7 @@ export function ConfluencePanel() {
ariaLabel="Select symbol for signal confluence"
inputClassName="w-full bg-surface-sunken border border-line rounded-lg px-3 py-1.5 text-xs text-fg placeholder:text-fg-muted focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent"
/>
</div>
</div>
{symbol && (
<span className="mb-0.5 inline-flex items-center rounded bg-accent/10 border border-accent/30 px-2 py-1.5 text-xs font-medium text-accent">
{symbol}
</span>
)}
</div>
<div>
<label className="block text-xs text-fg-muted mb-1">Rack</label>