fix: revert label to 'Symbol', highlight ticker in sidebar nav
- Revert ConfluencePanel label back to just 'Symbol' - In SidebarNav, render 'Symbol: IREN' with the ticker in accent/pink color
This commit is contained in:
@@ -127,9 +127,7 @@ export function ConfluencePanel() {
|
|||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex flex-wrap items-end gap-4">
|
<div className="flex flex-wrap items-end gap-4">
|
||||||
<div>
|
<div>
|
||||||
<label className="block text-xs text-fg-muted mb-1">
|
<label className="block text-xs text-fg-muted mb-1">Symbol</label>
|
||||||
Symbol: <span className="text-accent font-medium">{symbol}</span>
|
|
||||||
</label>
|
|
||||||
<div className="relative w-48">
|
<div className="relative w-48">
|
||||||
<SymbolAutocomplete
|
<SymbolAutocomplete
|
||||||
value={searchQuery}
|
value={searchQuery}
|
||||||
|
|||||||
@@ -138,7 +138,9 @@ export function SidebarNav({ collapsed: panelCollapsed, onToggle }: { collapsed?
|
|||||||
|
|
||||||
// Research → "Symbol" shows the focused ticker, e.g. "Symbol: IREN"
|
// Research → "Symbol" shows the focused ticker, e.g. "Symbol: IREN"
|
||||||
const itemLabel = (item: { label: string }) =>
|
const itemLabel = (item: { label: string }) =>
|
||||||
item.label === "Symbol" && activeSymbol ? `Symbol: ${activeSymbol}` : item.label;
|
item.label === "Symbol" && activeSymbol ? (
|
||||||
|
<span>Symbol: <span className="text-accent font-medium">{activeSymbol}</span></span>
|
||||||
|
) : item.label;
|
||||||
|
|
||||||
const visibleSections = SECTIONS
|
const visibleSections = SECTIONS
|
||||||
.filter((s) => modules.includes(s.module))
|
.filter((s) => modules.includes(s.module))
|
||||||
|
|||||||
Reference in New Issue
Block a user