diff options
Diffstat (limited to 'frontend/components')
| -rw-r--r-- | frontend/components/prism/TickerHeader.tsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/frontend/components/prism/TickerHeader.tsx b/frontend/components/prism/TickerHeader.tsx index 369d06c..804ffc0 100644 --- a/frontend/components/prism/TickerHeader.tsx +++ b/frontend/components/prism/TickerHeader.tsx @@ -1,5 +1,5 @@ import { deltaClass, fmtCurrency, fmtPct } from "@/lib/format"; -import { buildIdentityLine, rangePercent } from "@/lib/overview"; +import { rangePercent } from "@/lib/overview"; import type { TickerOverview } from "@/types/api"; type Props = { @@ -15,15 +15,17 @@ export function TickerHeader({ overview, onToggleWatchlist, isSaved }: Props) { return ( <header className="psm-ticker-head"> <div className="psm-header-left"> + {overview.profile.sector && ( + <span className="psm-sector-label">{overview.profile.sector}</span> + )} + <div className="psm-heading-row"> + <span className="psm-company-sym">{overview.profile.symbol}</span> + <span className="psm-company-name">{overview.profile.name || "Name unavailable"}</span> + </div> <div className="psm-head-meta"> - <span className="psm-identity-line psm-eyebrow">{overview.profile.symbol}</span> {overview.profile.exchange ? <span className="psm-tag">{overview.profile.exchange}</span> : null} {overview.meta.is_partial ? <span className="psm-partial-chip">Partial Data</span> : null} </div> - <div className="psm-heading-row"> - <span className="psm-company-name">{overview.profile.name || "Name unavailable"}</span> - </div> - <p className="psm-subline">{buildIdentityLine(overview)}</p> </div> <div className="psm-range"> |