watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2025-12-08 05:12:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Fixed bug with rankings display.

Browse source
This commit is contained in:
Mike Cao 2020-08-19 23:30:31 -07:00
parent b905824d50
commit d95e149cf6
3 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/charts/RankingsChart.js
View file

@ -58,7 +58,7 @@ export default function RankingsChart({
const { x, y, z } = rankings[index];
return (
<div style={style}>
<AnimatedRow key={x} label={x} value={y} percent={z} animate={limit} />
<AnimatedRow key={x} label={x} value={y} percent={z} animate={limit} format={formatFunc} />
</div>
);
};
@ -108,7 +108,7 @@ export default function RankingsChart({
);
}
const AnimatedRow = ({ label, value, percent, animate, format }) => {
const AnimatedRow = ({ label, value = 0, percent, animate, format }) => {
const props = useSpring({
width: percent,
y: value,
@ -119,7 +119,7 @@ const AnimatedRow = ({ label, value, percent, animate, format }) => {
return (
<div className={styles.row}>
<div className={styles.label}>{label}</div>
<animated.div className={styles.value}>{props.y.interpolate(format)}</animated.div>
<animated.div className={styles.value}>{props.y?.interpolate(format)}</animated.div>
<div className={styles.percent}>
<animated.div
className={styles.bar}