diff options
Diffstat (limited to 'frontend/components')
| -rw-r--r-- | frontend/components/prism/PriceVsValueCard.tsx | 14 |
1 files changed, 5 insertions, 9 deletions
diff --git a/frontend/components/prism/PriceVsValueCard.tsx b/frontend/components/prism/PriceVsValueCard.tsx index 95124ce..cf5a3c7 100644 --- a/frontend/components/prism/PriceVsValueCard.tsx +++ b/frontend/components/prism/PriceVsValueCard.tsx @@ -40,6 +40,7 @@ export function PriceVsValueCard({ overview, valuation, valState }: Props) { if (price == null) return null; const iv = dcf.intrinsic_value_per_share; + if (iv === 0) return null; const { leftPct, widthPct, pricePct, ivPct, isPremium } = barPositions(price, iv); const pct = ((price - iv) / iv) * 100; const pctLabel = isPremium @@ -61,18 +62,13 @@ export function PriceVsValueCard({ overview, valuation, valState }: Props) { <div className="psm-pvv-figures"> <span className="psm-pvv-current">{fmtCurrency(price)}</span> <span className={`psm-pvv-iv ${isPremium ? "negative" : "positive"}`}> - {isPremium ? "↑" : "↓"} IV {fmtCurrency(iv)} + IV {fmtCurrency(iv)} </span> </div> <div className="psm-pvv-rail"> <div - className="psm-pvv-fill" - style={{ - left: `${leftPct}%`, - width: `${widthPct}%`, - background: isPremium ? "var(--negative)" : "var(--positive)", - opacity: 0.5, - }} + className={`psm-pvv-fill ${isPremium ? "psm-pvv-fill--premium" : "psm-pvv-fill--discount"}`} + style={{ left: `${leftPct}%`, width: `${widthPct}%` }} /> <div className="psm-pvv-tick price" style={{ left: `${pricePct}%` }} /> <div className="psm-pvv-tick iv" style={{ left: `${ivPct}%` }} /> @@ -82,7 +78,7 @@ export function PriceVsValueCard({ overview, valuation, valState }: Props) { <span>{rightLabel}</span> </div> <p className="psm-pvv-meta"> - {pctLabel} · WACC {fmtPct(dcf.wacc)} · {dcf.projection_years}yr + {pctLabel} · WACC {fmtPct(dcf.wacc)} · {dcf.projection_years}yr projection {dcf.growth_rate_used != null ? ` · growth ${fmtPct(dcf.growth_rate_used)}` : ""} </p> </section> |