deepkoluguri
/
institutional-trader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Add explanatory tooltips to factor lens rows
Build Institutional Trader / build-and-deploy (push) Successful in 54s Details

This commit is contained in:
Deep Koluguri 2026-06-27 16:00:46 -04:00
parent 85e11dca88
commit 5241f18052
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/dashboard/MarketScreenerPanel.jsx
View File

@ -102,23 +102,23 @@ function FactorProfileCard({ profile, onSelect }) {
</div> </div>
<div className="space-y-2 text-sm"> <div className="space-y-2 text-sm">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between" title="How cheap the stock is relative to earnings (P/E) and book value. Higher pct = Cheaper.">
<span className="text-slate-400 w-20">Value</span> <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Value</span>
{pctBar(profile.value)} {pctBar(profile.value)}
<span className="text-white w-16 text-right tabular-nums">{profile.value != null ? `${profile.value}th pct` : 'N/A'}</span> <span className="text-white w-16 text-right tabular-nums">{profile.value != null ? `${profile.value}th pct` : 'N/A'}</span>
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between" title="Profitability and balance sheet health (e.g., ROE, margins). Higher pct = Healthier/More Profitable.">
<span className="text-slate-400 w-20">Quality</span> <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Quality</span>
{pctBar(profile.quality)} {pctBar(profile.quality)}
<span className="text-white w-16 text-right tabular-nums">{profile.quality != null ? `${profile.quality}th pct` : 'N/A'}</span> <span className="text-white w-16 text-right tabular-nums">{profile.quality != null ? `${profile.quality}th pct` : 'N/A'}</span>
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between" title="Price stability and lower market risk (e.g., lower Beta). Higher pct = Less Volatile/More Stable.">
<span className="text-slate-400 w-20">Low-Vol</span> <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Low-Vol</span>
{pctBar(profile.lowVol)} {pctBar(profile.lowVol)}
<span className="text-white w-16 text-right tabular-nums">{profile.lowVol != null ? `${profile.lowVol}th pct` : 'N/A'}</span> <span className="text-white w-16 text-right tabular-nums">{profile.lowVol != null ? `${profile.lowVol}th pct` : 'N/A'}</span>
</div> </div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between" title="Recent price strength and trend (e.g., RSI, moving averages). Higher pct = Stronger Uptrend.">
<span className="text-slate-400 w-20">Momentum</span> <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Momentum</span>
{pctBar(profile.momentum)} {pctBar(profile.momentum)}
<span className="text-white w-16 text-right tabular-nums">{profile.momentum != null ? `${profile.momentum}th pct` : 'N/A'}</span> <span className="text-white w-16 text-right tabular-nums">{profile.momentum != null ? `${profile.momentum}th pct` : 'N/A'}</span>
</div> </div>