watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-19 12:05:41 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update ListTable.tsx

Browse source
This commit is contained in:
Minseo Lee 2024-08-30 21:48:16 +09:00
parent e93cc9429e
commit 99f4a72e80
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/metrics/ListTable.tsx
View file

@ -99,13 +99,17 @@ const AnimatedRow = ({ label, value = 0, percent, change, animate, showPercentag
<animated.div <animated.div
className={styles.value} className={styles.value}
title={props?.y.to((n: number) => intl.formatNumber(n))} title={props?.y.to((n: number) => intl.formatNumber(n))}
style={{ fontVariantNumeric: 'tabular-nums' }}
> >
{props.y?.to((n: number) => intl.formatNumber(n, formatLongNumberOptions(n)))} {props.y?.to((n: number) => intl.formatNumber(n, formatLongNumberOptions(n)))}
</animated.div> </animated.div>
</div> </div>
{showPercentage && ( {showPercentage && (
<div className={styles.percent}> <div className={styles.percent}>
<animated.div className={styles.bar} style={{ width: props.width.to(n => `${n}%`) }} /> <animated.div
className={styles.bar}
style={{ width: props.width.to(n => `${n}%`), fontVariantNumeric: 'tabular-nums' }}
/>
<animated.span> <animated.span>
{props.width.to(n => intl.formatNumber(n / 100, { style: 'percent' }))} {props.width.to(n => intl.formatNumber(n / 100, { style: 'percent' }))}
</animated.span> </animated.span>